| ```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"> |
| |
| <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___ |
