feat: Реализован новый веб-интерфейс и бэкенд для управления VPN-клиентом, включая списки серверов, элементы управления прокси и опции конфигурации.

web/components/header.html

@@ -0,0 +1,27 @@
+<!-- Header -->
+<header class="z-30 border-b border-[#00ff41]/20 bg-black/90 backdrop-blur-md sticky top-0">
+    <div class="max-w-[1400px] mx-auto px-4 md:px-6 py-3 flex justify-between items-center">
+        <div class="flex items-center gap-3">
+            <div class="relative p-1.5 border border-[#00ff41]/50 shadow-[0_0_10px_rgba(0,255,65,0.2)] bg-black">
+                <i data-lucide="terminal" class="w-5 h-5 animate-pulse text-[#00ff41]"></i>
+            </div>
+            <div>
+                <h1 class="text-base font-black tracking-[0.2em] uppercase text-[#00ff41]">
+                    VPN<span class="text-white">_</span>CLIENT
+                </h1>
+                <p class="text-[10px] opacity-40 uppercase tracking-widest text-[#00ff41]">Secure Shell v4.2</p>
+            </div>
+        </div>
+
+        <div class="hidden md:flex items-center gap-6 text-[11px] uppercase">
+            <div class="flex flex-col items-end border-r border-[#00ff41]/20 pr-6">
+                <span class="opacity-30 text-[#00ff41]">Status</span>
+                <span id="headerStatus" class="text-white font-bold text-sm">STANDBY</span>
+            </div>
+            <div class="flex flex-col items-end">
+                <span class="opacity-30 text-[#00ff41]">Traffic_Used</span>
+                <span id="trafficValue" class="text-blue-400 font-bold text-sm">-- / --</span>
+            </div>
+        </div>
+    </div>
+</header>