feat(ui): remove all MikroTik/RouterOS branding and CLI command badges across the UI in favor of clean enterprise terminology

internal/web/static/app.js

@@ -118,18 +118,18 @@ function navigate(tabName) {
     dashboard: { title: 'Dashboard Overview', sub: 'Live router performance and network telemetry' },
     interfaces: { title: 'Network Interfaces', sub: 'Interface Table View' },
     'dhcp-client': { title: 'DHCP Client', sub: 'DHCP Client List' },
-    'dhcp-server': { title: 'DHCP Server (/ip dhcp-server)', sub: 'DHCP Server instances, subnet networks (NTP, TFTP, DNS), dynamic leases & static reservations' },
+    'dhcp-server': { title: 'DHCP Server & Subnets', sub: 'DHCP Server instances, subnet networks (NTP, TFTP, DNS), dynamic leases & static reservations' },
     bridge: { title: 'Bridge Interfaces', sub: 'IEEE 802.1D / 802.1Q VLAN-aware Layer 2 switching, RSTP & hardware forwarding (FDB)' },
     vlans: { title: 'VLAN Virtual Networks', sub: 'IEEE 802.1Q sub-interface segmentation and routing' },
     firewall: { title: 'Network Firewall', sub: 'Stateful packet inspection, NAT, traffic mangle, address lists & connection tracking' },
     routes: { title: 'Routing & Policy', sub: 'Routing tables, static routes (DAS/DAC), and policy routing rules' },
-    bgp: { title: 'BGP Routing (/routing bgp)', sub: 'BIRD 2 BGP Multi-Instance peering sessions, advertised networks, and BGP routing table (RIB)' },
-    ospf: { title: 'OSPF Routing (/routing ospf)', sub: 'BIRD 2 OSPFv2 link-state routing, dynamic neighbor adjacencies, and multi-area topology' },
-    'routing-filters': { title: 'Routing Filters (/routing filter)', sub: 'Route filter chains, prefix matching, BGP community maps & policy-based path control' },
-    'dynamic-routing': { title: 'BGP Routing (/routing bgp)', sub: 'BIRD 2 dynamic routing engine' },
+    bgp: { title: 'BGP Dynamic Routing', sub: 'BGP multi-instance peering sessions, advertised networks, and routing table (RIB)' },
+    ospf: { title: 'OSPF Dynamic Routing', sub: 'OSPFv2 link-state routing, dynamic neighbor adjacencies, and multi-area topology' },
+    'routing-filters': { title: 'Routing Policy Filters', sub: 'Route filter chains, prefix matching, BGP community maps & policy-based path control' },
+    'dynamic-routing': { title: 'BGP Dynamic Routing', sub: 'Dynamic routing engine and peering sessions' },
     ppp: { title: 'PPP Servers & Secrets', sub: 'Subscriber authentication, dynamic IP pools and VPN access concentrators' },
     eoip: { title: 'EoIP Tunnels', sub: 'Ethernet over IP (EoIP / GRETAP) Layer 2 encapsulation & transparent network bridging' },
-    aerotun: { title: 'AeroTUN VPN (/interface aerotun)', sub: 'Ultra-fast Layer 3 encrypted tunnel with ChaCha20-Poly1305 and live Adaptive LZ4 compression' },
+    aerotun: { title: 'AeroTUN High-Speed VPN', sub: 'Ultra-fast Layer 3 encrypted tunnel with ChaCha20-Poly1305 and live Adaptive LZ4 compression' },
     pppoe: { title: 'PPPoE Client WAN', sub: 'Point-to-Point Protocol over Ethernet WAN access' },
     wireguard: { title: 'WireGuard VPN', sub: 'High-performance cryptographic Layer 3 tunnels with ChaCha20-Poly1305 key exchange' },
     ipsec: { title: 'IPSec (IKEv2) strongSwan', sub: 'Enterprise Site-to-Site & Roadwarrior IPSec controller' },

internal/web/static/index.html

@@ -163,7 +163,7 @@
             <svg class="w-4 h-4 text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6" />
             </svg>
-            <span>BGP (/routing bgp)</span>
+            <span>BGP Routing</span>
           </div>
           <div class="flex items-center gap-1.5">
             <span id="badge-bgp-dot" class="w-2 h-2 rounded-full bg-slate-600" title="BGP Status"></span>
@@ -177,7 +177,7 @@
             <svg class="w-4 h-4 text-indigo-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" />
             </svg>
-            <span>OSPF (/routing ospf)</span>
+            <span>OSPF Routing</span>
           </div>
           <div class="flex items-center gap-1.5">
             <span id="badge-ospf-dot" class="w-2 h-2 rounded-full bg-slate-600" title="OSPF Status"></span>
@@ -303,7 +303,7 @@
               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" />
               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
             </svg>
-            <span>Troubleshoot (/tool)</span>
+            <span>Troubleshooting Tools</span>
           </div>
           <span class="text-[10px] bg-amber-950 text-amber-300 border border-amber-800/40 px-1.5 py-0.2 rounded-full font-mono">Tools</span>
         </a>
@@ -400,7 +400,7 @@
                   <span class="px-2 py-0.5 text-[10px] font-mono font-bold rounded-full bg-rose-500/15 text-rose-300 border border-rose-500/30">Debian Linux Router</span>
                   <span class="px-2 py-0.5 text-[10px] font-mono font-bold rounded-full bg-emerald-500/15 text-emerald-300 border border-emerald-500/30">v7 Engine</span>
                 </div>
-                <p class="text-xs text-slate-400 max-w-xl">Enterprise-grade network routing appliance combining the rock-solid stability of Debian Linux with RouterOS v7 dynamic routing & policy engine.</p>
+                <p class="text-xs text-slate-400 max-w-xl">Enterprise-grade network routing appliance combining the rock-solid stability of Debian Linux with high-performance dynamic routing & advanced policy control.</p>
               </div>
             </div>
 
@@ -596,7 +596,7 @@
           </div>
         </section>
 
-        <!-- ================= SECTION: DHCP CLIENT (/ip dhcp-client) ================= -->
+        <!-- ================= SECTION: DHCP CLIENT ================= -->
         <section id="section-dhcp-client" class="hidden space-y-6">
           <div class="flex items-center justify-between">
             <button onclick="openDHCPClientModal()" class="px-4 py-2 rounded-lg font-semibold text-xs bg-amber-500 hover:bg-amber-400 text-slate-950 shadow-lg shadow-amber-500/20 transition flex items-center gap-1.5">
@@ -659,21 +659,21 @@
           </div>
         </section>
 
-        <!-- ================= SECTION: DHCP SERVER (/ip dhcp-server) ================= -->
+        <!-- ================= SECTION: DHCP SERVER ================= -->
         <section id="section-dhcp-server" class="hidden space-y-6">
           <div class="bg-gradient-to-r from-emerald-950/40 via-slate-900 to-slate-900 border border-emerald-900/30 rounded-xl p-5 flex flex-wrap items-center justify-between gap-4">
             <div>
               <div class="flex items-center gap-2 mb-1">
-                <span class="px-2 py-0.5 rounded text-[10px] font-mono bg-emerald-500/20 text-emerald-300 border border-emerald-500/30 font-semibold">/ip dhcp-server</span>
+                <span class="px-2.5 py-0.5 rounded-full text-[10px] font-semibold bg-emerald-500/20 text-emerald-300 border border-emerald-500/30 tracking-wide uppercase">Core Network Service</span>
                 <h2 class="text-base font-bold text-white flex items-center gap-2">
                   <span>DHCP Server & Subnets</span>
-                  <span class="px-2 py-0.5 text-[10px] rounded-full bg-emerald-500/20 text-emerald-300 border border-emerald-500/40 font-mono font-normal">MikroTik RouterOS Architecture</span>
+                  <span class="px-2 py-0.5 text-[10px] rounded-full bg-emerald-500/20 text-emerald-300 border border-emerald-500/40 font-mono font-normal">Enterprise Engine</span>
                 </h2>
               </div>
               <p class="text-xs text-slate-400">Dynamic Host Configuration Protocol server, subnet network parameters (NTP, TFTP/PXE, DNS, Option Codes), active lease allocations & static IP reservations.</p>
             </div>
             <div class="flex items-center gap-2">
-              <button onclick="openDHCPServerSetupModal()" class="text-xs font-semibold px-3 py-2 rounded-lg bg-emerald-600/30 hover:bg-emerald-600/50 text-emerald-300 border border-emerald-500/40 transition flex items-center gap-1.5" title="Run MikroTik 1-Click DHCP Setup Wizard">
+              <button onclick="openDHCPServerSetupModal()" class="text-xs font-semibold px-3 py-2 rounded-lg bg-emerald-600/30 hover:bg-emerald-600/50 text-emerald-300 border border-emerald-500/40 transition flex items-center gap-1.5" title="Run Quick 1-Click DHCP Setup Wizard">
                 <span>⚡ DHCP Setup</span>
               </button>
               <button id="dhcp-server-primary-add-btn" onclick="handleDHCPServerPrimaryAdd()" class="text-xs font-semibold px-4 py-2 rounded-lg bg-emerald-600 hover:bg-emerald-500 text-white shadow-lg shadow-emerald-500/20 transition flex items-center gap-1.5">
@@ -685,7 +685,7 @@
             </div>
           </div>
 
-          <!-- MikroTik Subtabs -->
+          <!-- DHCP Subtabs -->
           <div class="flex items-center border-b border-slate-800 overflow-x-auto space-x-1">
             <button id="dhcp-server-tab-btn-servers" onclick="switchDHCPServerTab('servers')" class="px-4 py-2.5 text-xs font-bold border-b-2 border-emerald-500 text-white transition flex items-center gap-2 whitespace-nowrap">
               <span>DHCP</span>
@@ -752,7 +752,7 @@
             </div>
           </div>
 
-          <!-- SUBTAB 1: SERVERS (/ip dhcp-server) -->
+          <!-- SUBTAB 1: SERVERS -->
           <div id="dhcp-server-subtab-servers" class="space-y-4">
             <div class="bg-slate-900/90 border border-slate-800 rounded-xl overflow-hidden">
               <div class="p-4 border-b border-slate-800 flex items-center justify-between">
@@ -788,12 +788,12 @@
             </div>
           </div>
 
-          <!-- SUBTAB 2: NETWORKS (/ip dhcp-server network) -->
+          <!-- SUBTAB 2: NETWORKS -->
           <div id="dhcp-server-subtab-networks" class="hidden space-y-4">
             <div class="bg-slate-900/90 border border-slate-800 rounded-xl overflow-hidden">
               <div class="p-4 border-b border-slate-800 flex items-center justify-between">
                 <div>
-                  <h3 class="text-xs font-bold text-white">DHCP Subnet Networks (/ip dhcp-server network)</h3>
+                  <h3 class="text-xs font-bold text-white">DHCP Subnet Networks</h3>
                   <p class="text-[11px] text-slate-400 mt-0.5">Subnet parameters, Gateways, DNS, NTP servers, and TFTP / PXE Boot options</p>
                 </div>
                 <button onclick="openAddDHCPNetworkModal()" class="text-xs font-semibold px-3 py-1.5 rounded-lg bg-emerald-600 hover:bg-emerald-500 text-white transition">
@@ -825,12 +825,12 @@
             </div>
           </div>
 
-          <!-- SUBTAB 3: LEASES (/ip dhcp-server lease) -->
+          <!-- SUBTAB 3: LEASES -->
           <div id="dhcp-server-subtab-leases" class="hidden space-y-4">
             <div class="bg-slate-900/90 border border-slate-800 rounded-xl overflow-hidden">
               <div class="p-4 border-b border-slate-800 flex items-center justify-between">
                 <div>
-                  <h3 class="text-xs font-bold text-white">DHCP Leases & Reservations (/ip dhcp-server lease)</h3>
+                  <h3 class="text-xs font-bold text-white">DHCP Leases & Static Reservations</h3>
                   <p class="text-[11px] text-slate-400 mt-0.5">Active dynamic leases and static MAC-to-IP reservations</p>
                 </div>
                 <div class="flex items-center gap-2">
@@ -866,12 +866,12 @@
             </div>
           </div>
 
-          <!-- SUBTAB 4: OPTIONS (/ip dhcp-server option) -->
+          <!-- SUBTAB 4: OPTIONS -->
           <div id="dhcp-server-subtab-options" class="hidden space-y-4">
             <div class="bg-slate-900/90 border border-slate-800 rounded-xl overflow-hidden">
               <div class="p-4 border-b border-slate-800 flex items-center justify-between">
                 <div>
-                  <h3 class="text-xs font-bold text-white">Custom DHCP Options (/ip dhcp-server option)</h3>
+                  <h3 class="text-xs font-bold text-white">Custom DHCP Options (Codes 1-254)</h3>
                   <p class="text-[11px] text-slate-400 mt-0.5">Standard & Vendor DHCP Options (NTP, TFTP, UniFi Inform, CAPWAP, VoIP)</p>
                 </div>
                 <button onclick="openAddDHCPOptionModal()" class="text-xs font-semibold px-3 py-1.5 rounded-lg bg-emerald-600 hover:bg-emerald-500 text-white transition">
@@ -899,7 +899,7 @@
           </div>
         </section>
 
-        <!-- ================= SECTION: BRIDGE (/interface bridge) ================= -->
+        <!-- ================= SECTION: BRIDGE ================= -->
         <section id="section-bridge" class="hidden space-y-6">
           <!-- Bridge Navigation Header -->
           <div class="bg-slate-900/90 border border-slate-800 rounded-xl p-4 flex flex-wrap items-center justify-between gap-4">
@@ -1112,7 +1112,7 @@
           <div class="bg-gradient-to-r from-blue-950/40 via-slate-900 to-slate-900 border border-blue-900/30 rounded-xl p-5 flex flex-wrap items-center justify-between gap-4">
             <div>
               <div class="flex items-center gap-2 mb-1">
-                <span class="px-2 py-0.5 rounded text-[10px] font-mono bg-blue-500/20 text-blue-300 border border-blue-500/30 font-semibold">/interface pppoe-client</span>
+                <span class="px-2.5 py-0.5 rounded-full text-[10px] font-semibold bg-blue-500/20 text-blue-300 border border-blue-500/30 tracking-wide uppercase">WAN Access</span>
                 <h2 class="text-base font-bold text-white">PPPoE Client Sessions</h2>
               </div>
               <p class="text-xs text-slate-400">Point-to-Point Protocol over Ethernet (PPPoE) client management with automated reconnection, default gateway negotiation, and peer DNS acquisition.</p>
@@ -1163,7 +1163,7 @@
           <div class="bg-gradient-to-r from-rose-950/40 via-slate-900 to-slate-900 border border-rose-900/30 rounded-xl p-5 flex flex-wrap items-center justify-between gap-4">
             <div>
               <div class="flex items-center gap-2 mb-1">
-                <span class="px-2 py-0.5 rounded text-[10px] font-mono bg-rose-500/20 text-rose-300 border border-rose-500/30 font-semibold">/interface wireguard</span>
+                <span class="px-2.5 py-0.5 rounded-full text-[10px] font-semibold bg-rose-500/20 text-rose-300 border border-rose-500/30 tracking-wide uppercase">Cryptographic VPN</span>
                 <h2 class="text-base font-bold text-white">WireGuard VPN Suite</h2>
               </div>
               <p class="text-xs text-slate-400">High-performance multi-interface WireGuard VPN with kernel-accelerated cryptography, peer roaming, and endpoint keepalives.</p>
@@ -1266,7 +1266,7 @@
           <div class="bg-gradient-to-r from-amber-950/40 via-slate-900 to-slate-900 border border-amber-900/30 rounded-xl p-5 flex flex-wrap items-center justify-between gap-4">
             <div>
               <div class="flex items-center gap-2 mb-1">
-                <span class="px-2 py-0.5 rounded text-[10px] font-mono bg-amber-500/20 text-amber-300 border border-amber-500/30 font-semibold">/ip ipsec</span>
+                <span class="px-2.5 py-0.5 rounded-full text-[10px] font-semibold bg-amber-500/20 text-amber-300 border border-amber-500/30 tracking-wide uppercase">Site-to-Site & Roadwarrior</span>
                 <h2 class="text-base font-bold text-white">IPSec (IKEv2) Tunnels</h2>
               </div>
               <p class="text-xs text-slate-400">Enterprise IKEv2 / IPsec cryptographic tunnels with policy routing, automated SA rekeying, and Roadwarrior mobile client support.</p>
@@ -1315,7 +1315,7 @@
           <div class="bg-gradient-to-r from-cyan-950/40 via-slate-900 to-slate-900 border border-cyan-900/30 rounded-xl p-5 flex flex-wrap items-center justify-between gap-4">
             <div>
               <div class="flex items-center gap-2 mb-1">
-                <span class="px-2 py-0.5 rounded text-[10px] font-mono bg-cyan-500/20 text-cyan-300 border border-cyan-500/30 font-semibold">/interface l2tp-client</span>
+                <span class="px-2.5 py-0.5 rounded-full text-[10px] font-semibold bg-cyan-500/20 text-cyan-300 border border-cyan-500/30 tracking-wide uppercase">L2TP Client</span>
                 <h2 class="text-base font-bold text-white">L2TP Client Sessions</h2>
               </div>
               <p class="text-xs text-slate-400">Layer 2 Tunneling Protocol (L2TP) multi-instance client manager with optional IPsec pre-shared key encapsulation.</p>
@@ -1366,7 +1366,7 @@
           <div class="bg-gradient-to-r from-purple-950/40 via-slate-900 to-slate-900 border border-purple-900/30 rounded-xl p-5 flex flex-wrap items-center justify-between gap-4">
             <div>
               <div class="flex items-center gap-2 mb-1">
-                <span class="px-2 py-0.5 rounded text-[10px] font-mono bg-purple-500/20 text-purple-300 border border-purple-500/30 font-semibold">/interface pptp-client</span>
+                <span class="px-2.5 py-0.5 rounded-full text-[10px] font-semibold bg-purple-500/20 text-purple-300 border border-purple-500/30 tracking-wide uppercase">PPTP Client</span>
                 <h2 class="text-base font-bold text-white">PPTP Client Sessions</h2>
               </div>
               <p class="text-xs text-slate-400">Point-to-Point Tunneling Protocol (PPTP) client management with MPPE-128 stateful encryption and automated routing.</p>
@@ -1412,12 +1412,12 @@
           </div>
         </section>
 
-        <!-- ================= SECTION: PPP SERVERS & SECRETS (/ppp) ================= -->
+        <!-- ================= SECTION: PPP SERVERS & SECRETS ================= -->
         <section id="section-ppp" class="hidden space-y-6">
           <div class="bg-gradient-to-r from-violet-950/40 via-slate-900 to-slate-900 border border-violet-900/30 rounded-xl p-5 flex flex-wrap items-center justify-between gap-4">
             <div>
               <div class="flex items-center gap-2 mb-1">
-                <span class="px-2 py-0.5 rounded text-[10px] font-mono bg-violet-500/20 text-violet-300 border border-violet-500/30 font-semibold">/ppp</span>
+                <span class="px-2.5 py-0.5 rounded-full text-[10px] font-semibold bg-violet-500/20 text-violet-300 border border-violet-500/30 tracking-wide uppercase">Subscriber Access</span>
                 <h2 class="text-base font-bold text-white">PPP Servers, Secrets & Profiles</h2>
               </div>
               <p class="text-xs text-slate-400">Centralized subscriber credentials, dynamic address assignment pools, and multi-protocol VPN access concentrators.</p>
@@ -1461,7 +1461,7 @@
           <!-- TAB 1: SECRETS (USERS) -->
           <div id="ppp-subtab-secrets" class="bg-slate-900/90 border border-slate-800 rounded-xl overflow-hidden">
             <div class="p-4 border-b border-slate-800 flex items-center justify-between">
-              <h3 class="text-sm font-bold text-white">PPP Secrets (/ppp secret)</h3>
+              <h3 class="text-sm font-bold text-white">PPP Secrets (Subscriber Credentials)</h3>
               <span id="secrets-count-badge" class="text-xs font-mono text-slate-400">0 Users</span>
             </div>
             <div class="overflow-x-auto">
@@ -1489,7 +1489,7 @@
           <!-- TAB 2: PROFILES (POOLS) -->
           <div id="ppp-subtab-profiles" class="hidden bg-slate-900/90 border border-slate-800 rounded-xl overflow-hidden">
             <div class="p-4 border-b border-slate-800 flex items-center justify-between">
-              <h3 class="text-sm font-bold text-white">PPP Profiles (/ppp profile)</h3>
+              <h3 class="text-sm font-bold text-white">PPP Profiles (IP Pools & Policies)</h3>
               <span id="profiles-count-badge" class="text-xs font-mono text-slate-400">0 Profiles</span>
             </div>
             <div class="overflow-x-auto">
@@ -1562,7 +1562,7 @@
             <form onsubmit="savePPTPServerConfig(event)" class="max-w-2xl space-y-5">
               <div class="flex items-center justify-between border-b border-slate-800 pb-4">
                 <div>
-                  <h3 class="text-sm font-bold text-white">PPTP Server (/interface pptp-server server)</h3>
+                  <h3 class="text-sm font-bold text-white">PPTP Server Settings</h3>
                   <p class="text-xs text-slate-400">Point-to-Point Tunneling Server listening on TCP port 1723 with MPPE-128 encryption</p>
                 </div>
                 <div class="flex items-center gap-3">
@@ -1600,7 +1600,7 @@
             <form onsubmit="saveL2TPServerConfig(event)" class="max-w-2xl space-y-5">
               <div class="flex items-center justify-between border-b border-slate-800 pb-4">
                 <div>
-                  <h3 class="text-sm font-bold text-white">L2TP Server (/interface l2tp-server server)</h3>
+                  <h3 class="text-sm font-bold text-white">L2TP Server Settings</h3>
                   <p class="text-xs text-slate-400">Layer 2 Tunneling Protocol Server listening on UDP port 1701 with optional IPSec</p>
                 </div>
                 <div class="flex items-center gap-3">
@@ -1644,7 +1644,7 @@
           <!-- TAB 6: ACTIVE SESSIONS -->
           <div id="ppp-subtab-active" class="hidden bg-slate-900/90 border border-slate-800 rounded-xl overflow-hidden">
             <div class="p-4 border-b border-slate-800 flex items-center justify-between">
-              <h3 class="text-sm font-bold text-white">Active PPP Connections (/ppp active)</h3>
+              <h3 class="text-sm font-bold text-white">Active PPP Connections</h3>
               <button onclick="loadPPPSessions()" class="text-xs text-slate-400 hover:text-white px-2 py-1 rounded bg-slate-800">Refresh</button>
             </div>
             <div class="overflow-x-auto">
@@ -1669,12 +1669,12 @@
           </div>
         </section>
 
-        <!-- ================= SECTION: EoIP TUNNELS (/interface eoip) ================= -->
+        <!-- ================= SECTION: EoIP TUNNELS ================= -->
         <section id="section-eoip" class="hidden space-y-6">
           <div class="bg-gradient-to-r from-emerald-950/40 via-slate-900 to-slate-900 border border-emerald-900/30 rounded-xl p-5 flex flex-wrap items-center justify-between gap-4">
             <div>
               <div class="flex items-center gap-2 mb-1">
-                <span class="px-2 py-0.5 rounded text-[10px] font-mono bg-emerald-500/20 text-emerald-300 border border-emerald-500/30 font-semibold">/interface eoip</span>
+                <span class="px-2.5 py-0.5 rounded-full text-[10px] font-semibold bg-emerald-500/20 text-emerald-300 border border-emerald-500/30 tracking-wide uppercase">Layer 2 Tunneling</span>
                 <h2 class="text-base font-bold text-white">EoIP Tunnels (Ethernet over IP)</h2>
               </div>
               <p class="text-xs text-slate-400">Ethernet over IP (EoIP / GRETAP) encapsulation protocol to transparently bridge Layer 2 broadcast domains across IP networks.</p>
@@ -1717,12 +1717,12 @@
           </div>
         </section>
 
-        <!-- ================= SECTION: AeroTUN (/interface aerotun) ================= -->
+        <!-- ================= SECTION: AeroTUN ================= -->
         <section id="section-aerotun" class="hidden space-y-6">
           <div class="bg-gradient-to-r from-sky-950/50 via-slate-900 to-slate-900 border border-sky-800/40 rounded-xl p-5 flex flex-wrap items-center justify-between gap-4">
             <div>
               <div class="flex items-center gap-2 mb-1">
-                <span class="px-2 py-0.5 rounded text-[10px] font-mono bg-sky-500/20 text-sky-300 border border-sky-500/30 font-semibold">/interface aerotun</span>
+                <span class="px-2.5 py-0.5 rounded-full text-[10px] font-semibold bg-sky-500/20 text-sky-300 border border-sky-500/30 tracking-wide uppercase">Encrypted Tunnel</span>
                 <h2 class="text-base font-bold text-white flex items-center gap-2">
                   <span>AeroTUN High-Speed VPN</span>
                   <span class="px-2 py-0.5 text-[10px] rounded-full bg-cyan-500/20 text-cyan-300 border border-cyan-500/40 font-mono font-normal">ChaCha20-Poly1305 + LZ4</span>
@@ -1827,12 +1827,12 @@
           </div>
         </section>
 
-        <!-- ================= SECTION: FIREWALL (/ip firewall) ================= -->
+        <!-- ================= SECTION: FIREWALL ================= -->
         <section id="section-firewall" class="hidden space-y-6">
           <div class="bg-gradient-to-r from-emerald-950/40 via-slate-900 to-slate-900 border border-emerald-900/30 rounded-xl p-5 flex flex-wrap items-center justify-between gap-4">
             <div>
               <div class="flex items-center gap-2 mb-1">
-                <span class="px-2 py-0.5 rounded text-[10px] font-mono bg-emerald-500/20 text-emerald-300 border border-emerald-500/30 font-semibold">/ip firewall</span>
+                <span class="px-2.5 py-0.5 rounded-full text-[10px] font-semibold bg-emerald-500/20 text-emerald-300 border border-emerald-500/30 tracking-wide uppercase">Packet Inspection</span>
                 <h2 class="text-base font-bold text-white">Firewall & Traffic Controller</h2>
               </div>
               <p class="text-xs text-slate-400">Enterprise stateful inspection firewall, network address translation (NAT), packet marking (Mangle), IP address lists, and active connection tracking (conntrack).</p>
@@ -2202,7 +2202,7 @@
           </div>
         </section>
 
-        <!-- ================= SECTION: ROUTES & POLICY (/ip route & rules) ================= -->
+        <!-- ================= SECTION: ROUTES & POLICY ================= -->
         <section id="section-routes" class="hidden space-y-6">
           <!-- Top Routing Switcher Bar -->
           <div class="flex items-center gap-1.5 p-1 bg-slate-900/90 border border-slate-800 rounded-xl w-fit">
@@ -2210,32 +2210,32 @@
               <svg class="w-3.5 h-3.5 text-cyan-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7" />
               </svg>
-              <span>Routes & Policy (/ip route)</span>
+              <span>Routes & Policy</span>
             </button>
             <button onclick="navigate('bgp')" class="px-3.5 py-1.5 text-xs font-medium rounded-lg text-slate-400 hover:text-white hover:bg-slate-800/60 transition flex items-center gap-2">
               <svg class="w-3.5 h-3.5 text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6" />
               </svg>
-              <span>BGP (/routing bgp)</span>
+              <span>BGP Routing</span>
             </button>
             <button onclick="navigate('ospf')" class="px-3.5 py-1.5 text-xs font-medium rounded-lg text-slate-400 hover:text-white hover:bg-slate-800/60 transition flex items-center gap-2">
               <svg class="w-3.5 h-3.5 text-indigo-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" />
               </svg>
-              <span>OSPF (/routing ospf)</span>
+              <span>OSPF Routing</span>
             </button>
             <button onclick="navigate('routing-filters')" class="px-3.5 py-1.5 text-xs font-medium rounded-lg text-slate-400 hover:text-white hover:bg-slate-800/60 transition flex items-center gap-2">
               <svg class="w-3.5 h-3.5 text-emerald-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z" />
               </svg>
-              <span>Filters (/routing filter)</span>
+              <span>Policy Filters</span>
             </button>
           </div>
 
           <div class="bg-gradient-to-r from-cyan-950/40 via-slate-900 to-slate-900 border border-cyan-900/30 rounded-xl p-5 flex flex-wrap items-center justify-between gap-4">
             <div>
               <div class="flex items-center gap-2 mb-1">
-                <span class="px-2 py-0.5 rounded text-[10px] font-mono bg-cyan-500/20 text-cyan-300 border border-cyan-500/30 font-semibold">/ip route</span>
+                <span class="px-2.5 py-0.5 rounded-full text-[10px] font-semibold bg-cyan-500/20 text-cyan-300 border border-cyan-500/30 tracking-wide uppercase">Routing Tables</span>
                 <h2 class="text-base font-bold text-white">IP Routes & Policy Rules</h2>
               </div>
               <p class="text-xs text-slate-400">Kernel FIB/RIB routing tables, static gateways, multipath uplinks, and policy routing (ip rule / fwmark lookup).</p>
@@ -2261,7 +2261,7 @@
               <span id="routes-badge-routes" class="px-1.5 py-0.2 rounded text-[10px] bg-slate-800 text-slate-300">0</span>
             </button>
             <button id="routes-subtab-btn-rules" onclick="switchRoutesSubTab('rules')" class="px-4 py-2.5 text-xs font-bold border-b-2 border-transparent text-slate-400 hover:text-slate-200 transition flex items-center gap-2">
-              <span>Policy Rules (/ip route rule)</span>
+              <span>Policy Routing Rules</span>
               <span id="routes-badge-rules" class="px-1.5 py-0.2 rounded text-[10px] bg-slate-800 text-slate-300">0</span>
             </button>
             <button id="routes-subtab-btn-tables" onclick="switchRoutesSubTab('tables')" class="px-4 py-2.5 text-xs font-bold border-b-2 border-transparent text-slate-400 hover:text-slate-200 transition flex items-center gap-2">
@@ -2310,7 +2310,7 @@
             </div>
           </div>
 
-          <!-- Sub-Tab 2: Policy Rules (/ip route rule) -->
+          <!-- Sub-Tab 2: Policy Rules -->
           <div id="routes-subtab-rules" class="hidden bg-slate-900/90 border border-slate-800 rounded-xl overflow-hidden">
             <div class="p-4 border-b border-slate-800 flex items-center justify-between flex-wrap gap-3">
               <div class="flex items-center gap-3">
@@ -2351,7 +2351,7 @@
           <!-- Sub-Tab 3: Routing Tables -->
           <div id="routes-subtab-tables" class="hidden bg-slate-900/90 border border-slate-800 rounded-xl overflow-hidden">
             <div class="p-4 border-b border-slate-800 flex items-center justify-between">
-              <h3 class="text-sm font-bold text-white">Defined Routing Tables (/etc/iproute2/rt_tables)</h3>
+              <h3 class="text-sm font-bold text-white">Defined Routing Tables</h3>
               <span id="tables-count-badge" class="text-xs font-mono text-slate-400">0 Tables</span>
             </div>
 
@@ -2370,7 +2370,7 @@
           </div>
         </section>
 
-        <!-- ================= SECTION: BGP ROUTING (/routing bgp) ================= -->
+        <!-- ================= SECTION: BGP ROUTING ================= -->
         <section id="section-bgp" class="hidden space-y-6">
           <!-- Top Routing Switcher Bar -->
           <div class="flex items-center gap-1.5 p-1 bg-slate-900/90 border border-slate-800 rounded-xl w-fit">
@@ -2378,32 +2378,32 @@
               <svg class="w-3.5 h-3.5 text-cyan-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7" />
               </svg>
-              <span>Routes & Policy (/ip route)</span>
+              <span>Routes & Policy</span>
             </button>
             <button onclick="navigate('bgp')" class="px-3.5 py-1.5 text-xs font-bold rounded-lg transition bg-purple-600/20 text-purple-300 border border-purple-500/40 shadow-sm flex items-center gap-2">
               <svg class="w-3.5 h-3.5 text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6" />
               </svg>
-              <span>BGP (/routing bgp)</span>
+              <span>BGP Routing</span>
             </button>
             <button onclick="navigate('ospf')" class="px-3.5 py-1.5 text-xs font-medium rounded-lg text-slate-400 hover:text-white hover:bg-slate-800/60 transition flex items-center gap-2">
               <svg class="w-3.5 h-3.5 text-indigo-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" />
               </svg>
-              <span>OSPF (/routing ospf)</span>
+              <span>OSPF Routing</span>
             </button>
             <button onclick="navigate('routing-filters')" class="px-3.5 py-1.5 text-xs font-medium rounded-lg text-slate-400 hover:text-white hover:bg-slate-800/60 transition flex items-center gap-2">
               <svg class="w-3.5 h-3.5 text-emerald-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z" />
               </svg>
-              <span>Filters (/routing filter)</span>
+              <span>Policy Filters</span>
             </button>
           </div>
 
           <div class="bg-gradient-to-r from-purple-950/40 via-slate-900 to-slate-900 border border-purple-900/30 rounded-xl p-5 flex flex-wrap items-center justify-between gap-4">
             <div>
               <div class="flex items-center gap-2 mb-1">
-                <span class="px-2 py-0.5 rounded text-[10px] font-mono bg-purple-500/20 text-purple-300 border border-purple-500/30 font-semibold">/routing bgp</span>
+                <span class="px-2.5 py-0.5 rounded-full text-[10px] font-semibold bg-purple-500/20 text-purple-300 border border-purple-500/30 tracking-wide uppercase">BGP Routing</span>
                 <h2 class="text-base font-bold text-white">BGP Dynamic Routing</h2>
                 <span id="bgp-live-status-pill" class="text-[10px] px-2 py-0.5 rounded font-mono bg-slate-800 text-slate-400 border border-slate-700">Checking...</span>
               </div>
@@ -2429,11 +2429,11 @@
           <!-- BGP Sub-Tabs -->
           <div class="flex border-b border-slate-800 space-x-1 overflow-x-auto">
             <button id="bgp-subtab-btn-bgp-peers" onclick="switchBgpSubTab('bgp-peers')" class="px-4 py-2.5 text-xs font-bold border-b-2 border-purple-500 text-white transition flex items-center gap-2 whitespace-nowrap">
-              <span>BGP Peers (/routing bgp connection)</span>
+              <span>BGP Peer Connections</span>
               <span id="dyn-badge-bgp-peers" class="px-1.5 py-0.2 rounded text-[10px] bg-slate-800 text-slate-300">0</span>
             </button>
             <button id="bgp-subtab-btn-bgp-nets" onclick="switchBgpSubTab('bgp-nets')" class="px-4 py-2.5 text-xs font-bold border-b-2 border-transparent text-slate-400 hover:text-slate-200 transition flex items-center gap-2 whitespace-nowrap">
-              <span>Advertised Networks (/routing bgp network)</span>
+              <span>Advertised Networks</span>
               <span id="dyn-badge-bgp-nets" class="px-1.5 py-0.2 rounded text-[10px] bg-slate-800 text-slate-300">0</span>
             </button>
             <button id="bgp-subtab-btn-bgp-routes" onclick="switchBgpSubTab('bgp-routes')" class="px-4 py-2.5 text-xs font-bold border-b-2 border-transparent text-slate-400 hover:text-slate-200 transition flex items-center gap-2 whitespace-nowrap">
@@ -2483,7 +2483,7 @@
           <div id="dyn-subtab-bgp-nets" class="hidden bg-slate-900/90 border border-slate-800 rounded-xl overflow-hidden">
             <div class="p-4 border-b border-slate-800 flex items-center justify-between">
               <div class="flex items-center gap-3">
-                <h3 class="text-sm font-bold text-white">Advertised BGP Networks (/routing bgp network)</h3>
+                <h3 class="text-sm font-bold text-white">Advertised BGP Networks</h3>
                 <span id="bgp-nets-count-badge" class="text-xs font-mono text-slate-400">0 Networks</span>
               </div>
               <button onclick="openAddBgpNetworkModal()" class="text-xs font-semibold px-3 py-1.5 rounded-lg bg-purple-600 hover:bg-purple-500 text-white transition">
@@ -2537,7 +2537,7 @@
           </div>
         </section>
 
-        <!-- ================= SECTION: OSPF ROUTING (/routing ospf) ================= -->
+        <!-- ================= SECTION: OSPF ROUTING ================= -->
         <section id="section-ospf" class="hidden space-y-6">
           <!-- Top Routing Switcher Bar -->
           <div class="flex items-center gap-1.5 p-1 bg-slate-900/90 border border-slate-800 rounded-xl w-fit">
@@ -2545,29 +2545,29 @@
               <svg class="w-3.5 h-3.5 text-cyan-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7" />
               </svg>
-              <span>Routes & Policy (/ip route)</span>
+              <span>Routes & Policy</span>
             </button>
             <button onclick="navigate('bgp')" class="px-3.5 py-1.5 text-xs font-medium rounded-lg text-slate-400 hover:text-white hover:bg-slate-800/60 transition flex items-center gap-2">
               <svg class="w-3.5 h-3.5 text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6" />
               </svg>
-              <span>BGP (/routing bgp)</span>
+              <span>BGP Routing</span>
             </button>
             <button onclick="navigate('ospf')" class="px-3.5 py-1.5 text-xs font-bold rounded-lg transition bg-indigo-600/20 text-indigo-300 border border-indigo-500/40 shadow-sm flex items-center gap-2">
               <svg class="w-3.5 h-3.5 text-indigo-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" />
               </svg>
-              <span>OSPF (/routing ospf)</span>
+              <span>OSPF Routing</span>
             </button>
             <button onclick="navigate('routing-filters')" class="px-3.5 py-1.5 text-xs font-medium rounded-lg text-slate-400 hover:text-white hover:bg-slate-800/60 transition flex items-center gap-2">
               <svg class="w-3.5 h-3.5 text-emerald-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z" />
               </svg>
-              <span>Filters (/routing filter)</span>
+              <span>Policy Filters</span>
             </button>
           </div>
 
-          <!-- RouterOS v7 WebFig Style OSPF Window Container -->
+          <!-- OSPF Window Container -->
           <div class="bg-[#131b26] border border-[#243347] rounded-md shadow-2xl overflow-hidden text-xs flex flex-col min-h-[560px]">
             <!-- Window Tab Bar Header -->
             <div class="flex items-center justify-between border-b border-[#243347] bg-[#101721] px-2 pt-1 text-xs select-none">
@@ -3004,7 +3004,7 @@
           </div>
         </section>
 
-        <!-- ================= SECTION: ROUTING FILTERS (/routing filter) ================= -->
+        <!-- ================= SECTION: ROUTING FILTERS ================= -->
         <section id="section-routing-filters" class="hidden space-y-4">
           <!-- Top Routing Switcher Bar -->
           <div class="flex items-center gap-1.5 p-1 bg-slate-900/90 border border-slate-800 rounded-xl w-fit">
@@ -3012,31 +3012,31 @@
               <svg class="w-3.5 h-3.5 text-cyan-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7" />
               </svg>
-              <span>Routes & Policy (/ip route)</span>
+              <span>Routes & Policy</span>
             </button>
             <button onclick="navigate('bgp')" class="px-3.5 py-1.5 text-xs font-medium rounded-lg text-slate-400 hover:text-white hover:bg-slate-800/60 transition flex items-center gap-2">
               <svg class="w-3.5 h-3.5 text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6" />
               </svg>
-              <span>BGP (/routing bgp)</span>
+              <span>BGP Routing</span>
             </button>
             <button onclick="navigate('ospf')" class="px-3.5 py-1.5 text-xs font-medium rounded-lg text-slate-400 hover:text-white hover:bg-slate-800/60 transition flex items-center gap-2">
               <svg class="w-3.5 h-3.5 text-indigo-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" />
               </svg>
-              <span>OSPF (/routing ospf)</span>
+              <span>OSPF Routing</span>
             </button>
             <button onclick="navigate('routing-filters')" class="px-3.5 py-1.5 text-xs font-bold rounded-lg transition bg-emerald-600/20 text-emerald-300 border border-emerald-500/40 shadow-sm flex items-center gap-2">
               <svg class="w-3.5 h-3.5 text-emerald-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z" />
               </svg>
-              <span>Filters (/routing filter)</span>
+              <span>Policy Filters</span>
             </button>
           </div>
 
-          <!-- RouterOS v7 Style Window Container -->
+          <!-- Routing Filter Window Container -->
           <div class="bg-slate-900 border border-slate-800 rounded-xl overflow-hidden shadow-2xl">
-            <!-- Window Titlebar with RouterOS v7 Tabs -->
+            <!-- Window Titlebar with Filter Tabs -->
             <div class="bg-slate-950 border-b border-slate-800 px-3 py-1.5 flex flex-wrap items-center justify-between gap-2">
               <div class="flex items-center gap-3">
                 <div class="flex items-center gap-2 text-emerald-400 font-bold text-xs">
@@ -3046,7 +3046,7 @@
                   <span>Routing Filters</span>
                 </div>
 
-                <!-- Navigation Tabs identical to RouterOS v7 -->
+                <!-- Filter Navigation Tabs -->
                 <div class="flex items-center gap-1 border-l border-slate-800 pl-3">
                   <button id="tab-rf-rules" onclick="switchRoutingFilterTab('rules')" class="px-3 py-1 text-xs font-semibold rounded bg-emerald-600/20 text-emerald-300 border border-emerald-500/30 transition">
                     Rules
@@ -3069,7 +3069,7 @@
               </div>
             </div>
 
-            <!-- MikroTik RouterOS v7 Toolbar -->
+            <!-- Routing Filter Toolbar -->
             <div class="bg-slate-900/90 border-b border-slate-800 px-3 py-2 flex flex-wrap items-center justify-between gap-2 text-xs">
               <div class="flex items-center gap-1.5">
                 <button onclick="openRoutingFilterNewModal()" class="px-2.5 py-1 rounded font-semibold bg-emerald-600 hover:bg-emerald-500 text-white shadow-sm flex items-center gap-1">
@@ -3105,7 +3105,7 @@
               </div>
             </div>
 
-            <!-- TAB 1: RULES (/routing filter rule) -->
+            <!-- TAB 1: RULES -->
             <div id="tab-content-rf-rules" class="overflow-x-auto">
               <table class="w-full text-left text-xs font-mono">
                 <thead class="text-slate-400 bg-slate-950/70 border-b border-slate-800 uppercase tracking-wider text-[10px] font-sans select-none">
@@ -3113,7 +3113,7 @@
                     <th class="py-2 px-2 text-center w-10 cursor-pointer hover:text-white" onclick="sortFilterTable('rules', 'flags')">Flags</th>
                     <th class="py-2 px-2 w-12 cursor-pointer hover:text-white" onclick="sortFilterTable('rules', 'rule_order')"># <span id="sort-icon-rules-rule_order">▲</span></th>
                     <th class="py-2 px-3 cursor-pointer hover:text-white" onclick="sortFilterTable('rules', 'chain')">Chain <span id="sort-icon-rules-chain"></span></th>
-                    <th class="py-2 px-3 cursor-pointer hover:text-white" onclick="sortFilterTable('rules', 'rule')">Rule (ROS v7 Script) <span id="sort-icon-rules-rule"></span></th>
+                    <th class="py-2 px-3 cursor-pointer hover:text-white" onclick="sortFilterTable('rules', 'rule')">Rule Syntax <span id="sort-icon-rules-rule"></span></th>
                     <th class="py-2 px-3 cursor-pointer hover:text-white" onclick="sortFilterTable('rules', 'comment')">Comment <span id="sort-icon-rules-comment"></span></th>
                     <th class="py-2 px-3 text-right font-sans">Actions</th>
                   </tr>
@@ -3121,11 +3121,11 @@
                 <tbody id="routing-filter-rules-tbody" class="divide-y divide-slate-800/60"></tbody>
               </table>
               <div id="rf-rules-empty" class="hidden p-8 text-center text-slate-500 text-xs font-sans">
-                No filter rules configured. Click "+ New" to add a RouterOS v7 filter rule.
+                No filter rules configured. Click "+ New" to add a routing filter rule.
               </div>
             </div>
 
-            <!-- TAB 2: SELECT RULES (/routing filter select-rule) -->
+            <!-- TAB 2: SELECT RULES -->
             <div id="tab-content-rf-select-rules" class="hidden overflow-x-auto">
               <table class="w-full text-left text-xs font-mono">
                 <thead class="text-slate-400 bg-slate-950/70 border-b border-slate-800 uppercase tracking-wider text-[10px] font-sans select-none">
@@ -3133,7 +3133,7 @@
                     <th class="py-2 px-2 text-center w-10 cursor-pointer hover:text-white" onclick="sortFilterTable('select-rules', 'flags')">Flags</th>
                     <th class="py-2 px-2 w-12 cursor-pointer hover:text-white" onclick="sortFilterTable('select-rules', 'rule_order')"># <span id="sort-icon-select-rules-rule_order">▲</span></th>
                     <th class="py-2 px-3 cursor-pointer hover:text-white" onclick="sortFilterTable('select-rules', 'chain')">Chain <span id="sort-icon-select-rules-chain"></span></th>
-                    <th class="py-2 px-3 cursor-pointer hover:text-white" onclick="sortFilterTable('select-rules', 'rule')">Rule (ROS v7 Script) <span id="sort-icon-select-rules-rule"></span></th>
+                    <th class="py-2 px-3 cursor-pointer hover:text-white" onclick="sortFilterTable('select-rules', 'rule')">Rule Syntax <span id="sort-icon-select-rules-rule"></span></th>
                     <th class="py-2 px-3 cursor-pointer hover:text-white" onclick="sortFilterTable('select-rules', 'comment')">Comment <span id="sort-icon-select-rules-comment"></span></th>
                     <th class="py-2 px-3 text-right font-sans">Actions</th>
                   </tr>
@@ -3145,7 +3145,7 @@
               </div>
             </div>
 
-            <!-- TAB 3: COMMUNITY LISTS (/routing filter community-list) -->
+            <!-- TAB 3: COMMUNITY LISTS -->
             <div id="tab-content-rf-community-lists" class="hidden overflow-x-auto">
               <table class="w-full text-left text-xs font-mono">
                 <thead class="text-slate-400 bg-slate-950/70 border-b border-slate-800 uppercase tracking-wider text-[10px] font-sans select-none">
@@ -3165,7 +3165,7 @@
               </div>
             </div>
 
-            <!-- TAB 4: AS LISTS (/routing filter num-list) -->
+            <!-- TAB 4: AS LISTS -->
             <div id="tab-content-rf-as-lists" class="hidden overflow-x-auto">
               <table class="w-full text-left text-xs font-mono">
                 <thead class="text-slate-400 bg-slate-950/70 border-b border-slate-800 uppercase tracking-wider text-[10px] font-sans select-none">
@@ -3193,7 +3193,7 @@
                   <span>Live</span>
                 </span>
               </div>
-              <span class="text-[10px] text-slate-500 font-mono">MikroTik RouterOS v7 Filter Model & BIRD 2 Execution</span>
+              <span class="text-[10px] text-slate-500 font-mono">BIRD 2 Dynamic Routing Policy Engine</span>
             </div>
           </div>
         </section>
@@ -3222,13 +3222,13 @@
           </div>
         </section>
 
-        <!-- ================= SECTION: TROUBLESHOOT TOOLS (/tool) ================= -->
+        <!-- ================= SECTION: TROUBLESHOOT TOOLS ================= -->
         <section id="section-tools" class="hidden space-y-6">
           <!-- Top Banner -->
           <div class="bg-gradient-to-r from-amber-950/40 via-slate-900 to-slate-900 border border-amber-900/30 rounded-xl p-5 flex flex-wrap items-center justify-between gap-4">
             <div>
               <div class="flex items-center gap-2 mb-1">
-                <span class="px-2 py-0.5 rounded text-[10px] font-mono bg-amber-500/20 text-amber-300 border border-amber-500/30 font-semibold">/tool</span>
+                <span class="px-2.5 py-0.5 rounded-full text-[10px] font-semibold bg-amber-500/20 text-amber-300 border border-amber-500/30 tracking-wide uppercase">Diagnostics</span>
                 <h2 class="text-base font-bold text-white">Troubleshoot & Diagnostic Tools</h2>
               </div>
               <p class="text-xs text-slate-400">Comprehensive network diagnostic suite: ICMP echo latency, path route tracing, continuous MTR telemetry, DNS resolution, and TCP port probing.</p>
@@ -3238,16 +3238,16 @@
           <!-- Tools Subtabs Navigation -->
           <div class="flex items-center gap-1 border-b border-slate-800 pb-0 overflow-x-auto">
             <button id="tools-subtab-btn-ping" onclick="switchToolsSubTab('ping')" class="px-4 py-2.5 text-xs font-bold border-b-2 border-amber-400 text-amber-300 transition flex items-center gap-2 whitespace-nowrap">
-              <span>Ping (/tool ping)</span>
+              <span>Ping (ICMP)</span>
             </button>
             <button id="tools-subtab-btn-traceroute" onclick="switchToolsSubTab('traceroute')" class="px-4 py-2.5 text-xs font-bold border-b-2 border-transparent text-slate-400 hover:text-slate-200 transition flex items-center gap-2 whitespace-nowrap">
-              <span>Traceroute (/tool traceroute)</span>
+              <span>Traceroute</span>
             </button>
             <button id="tools-subtab-btn-mtr" onclick="switchToolsSubTab('mtr')" class="px-4 py-2.5 text-xs font-bold border-b-2 border-transparent text-slate-400 hover:text-slate-200 transition flex items-center gap-2 whitespace-nowrap">
               <span>MTR Telemetry</span>
             </button>
             <button id="tools-subtab-btn-dns" onclick="switchToolsSubTab('dns')" class="px-4 py-2.5 text-xs font-bold border-b-2 border-transparent text-slate-400 hover:text-slate-200 transition flex items-center gap-2 whitespace-nowrap">
-              <span>DNS Lookup (/tool resolve)</span>
+              <span>DNS Resolution</span>
             </button>
             <button id="tools-subtab-btn-port" onclick="switchToolsSubTab('port')" class="px-4 py-2.5 text-xs font-bold border-b-2 border-transparent text-slate-400 hover:text-slate-200 transition flex items-center gap-2 whitespace-nowrap">
               <span>Port Probe (TCP Check)</span>
@@ -3594,7 +3594,7 @@
                   <button type="button" onclick="setPortPreset(22)" class="px-2 py-0.5 rounded bg-slate-800 hover:bg-slate-700 text-[11px] font-mono text-purple-300 border border-slate-700">SSH: 22</button>
                   <button type="button" onclick="setPortPreset(53)" class="px-2 py-0.5 rounded bg-slate-800 hover:bg-slate-700 text-[11px] font-mono text-indigo-300 border border-slate-700">DNS: 53</button>
                   <button type="button" onclick="setPortPreset(179)" class="px-2 py-0.5 rounded bg-slate-800 hover:bg-slate-700 text-[11px] font-mono text-amber-300 border border-slate-700">BGP: 179</button>
-                  <button type="button" onclick="setPortPreset(8291)" class="px-2 py-0.5 rounded bg-slate-800 hover:bg-slate-700 text-[11px] font-mono text-pink-300 border border-slate-700">Winbox: 8291</button>
+                  <button type="button" onclick="setPortPreset(8291)" class="px-2 py-0.5 rounded bg-slate-800 hover:bg-slate-700 text-[11px] font-mono text-pink-300 border border-slate-700">Remote Mgmt: 8291</button>
                   <button type="button" onclick="setPortPreset(8006)" class="px-2 py-0.5 rounded bg-slate-800 hover:bg-slate-700 text-[11px] font-mono text-orange-300 border border-slate-700">PVE: 8006</button>
                 </div>
 
@@ -3834,7 +3834,7 @@
     <div class="bg-slate-900 border border-slate-800 rounded-2xl w-full max-w-lg shadow-2xl overflow-hidden animate-in">
       <div class="px-6 py-4 border-b border-slate-800 flex items-center justify-between bg-slate-950/40">
         <div class="flex items-center gap-2">
-          <span class="px-2 py-0.5 rounded text-[10px] font-mono bg-rose-500/20 text-rose-300 border border-rose-500/30 font-semibold">/interface wireguard</span>
+          <span class="px-2.5 py-0.5 rounded-full text-[10px] font-semibold bg-rose-500/20 text-rose-300 border border-rose-500/30 tracking-wide uppercase">Cryptographic VPN</span>
           <h3 id="wg-iface-modal-title" class="text-sm font-bold text-white">Add WireGuard Interface</h3>
         </div>
         <button onclick="closeAddWGInterfaceModal()" class="text-slate-400 hover:text-white p-1 rounded-lg">✕</button>
@@ -3916,7 +3916,7 @@
     <div class="bg-slate-900 border border-slate-800 rounded-2xl w-full max-w-lg shadow-2xl overflow-hidden animate-in">
       <div class="px-6 py-4 border-b border-slate-800 flex items-center justify-between bg-slate-950/40">
         <div class="flex items-center gap-2">
-          <span class="px-2 py-0.5 rounded text-[10px] font-mono bg-rose-500/20 text-rose-300 border border-rose-500/30 font-semibold">/interface wireguard peers</span>
+          <span class="px-2.5 py-0.5 rounded-full text-[10px] font-semibold bg-rose-500/20 text-rose-300 border border-rose-500/30 tracking-wide uppercase">Peer Connection</span>
           <h3 id="wg-peer-modal-title" class="text-sm font-bold text-white">Add WireGuard Peer</h3>
         </div>
         <button onclick="closeAddWGPeerModal()" class="text-slate-400 hover:text-white p-1 rounded-lg">✕</button>
@@ -4363,7 +4363,7 @@
     </div>
   </div>
 
-  <!-- ================= MODAL: FIREWALL FILTER RULE (ROUTEROS WEBFIG / WINBOX V4 REPLICA) ================= -->
+  <!-- ================= MODAL: FIREWALL FILTER RULE ================= -->
   <div id="filter-modal" class="fixed inset-0 bg-black/60 backdrop-blur-[2px] z-50 hidden flex items-center justify-center p-2 sm:p-4">
     <div id="filter-modal-window" class="bg-[#131b26] border border-[#243347] rounded-md shadow-2xl w-full max-w-[720px] max-h-[92vh] flex flex-col overflow-hidden text-xs select-none">
       
@@ -5341,7 +5341,7 @@
     </div>
   </div>
 
-  <!-- ================= MODAL: FIREWALL NAT RULE (ROUTEROS WEBFIG / WINBOX V4 REPLICA) ================= -->
+  <!-- ================= MODAL: FIREWALL NAT RULE ================= -->
   <div id="nat-modal" class="fixed inset-0 bg-black/60 backdrop-blur-[2px] z-50 hidden flex items-center justify-center p-2 sm:p-4">
     <div id="nat-modal-window" class="bg-[#131b26] border border-[#243347] rounded-md shadow-2xl w-full max-w-[720px] max-h-[92vh] flex flex-col overflow-hidden text-xs select-none">
       
@@ -6269,7 +6269,7 @@
     </div>
   </div>
 
-  <!-- ================= MODAL: FIREWALL MANGLE RULE (ROUTEROS WEBFIG / WINBOX V4 REPLICA) ================= -->
+  <!-- ================= MODAL: FIREWALL MANGLE RULE ================= -->
   <div id="mangle-modal" class="fixed inset-0 bg-black/60 backdrop-blur-[2px] z-50 hidden flex items-center justify-center p-2 sm:p-4">
     <div id="mangle-modal-window" class="bg-[#131b26] border border-[#243347] rounded-md shadow-2xl w-full max-w-[720px] max-h-[92vh] flex flex-col overflow-hidden text-xs select-none">
       
@@ -7560,7 +7560,7 @@
   <div id="prule-modal" class="fixed inset-0 bg-slate-950/80 backdrop-blur-sm z-50 hidden flex items-center justify-center p-4">
     <div class="bg-slate-900 border border-slate-800 rounded-2xl w-full max-w-lg shadow-2xl overflow-hidden animate-in">
       <div class="px-6 py-4 border-b border-slate-800 flex items-center justify-between bg-slate-950/40">
-        <h3 id="prule-modal-title" class="text-sm font-bold text-white">Add Policy Routing Rule (/ip route rule)</h3>
+        <h3 id="prule-modal-title" class="text-sm font-bold text-white">Add Policy Routing Rule</h3>
         <button onclick="closePolicyRuleModal()" class="text-slate-400 hover:text-white p-1 rounded-lg">✕</button>
       </div>
       <form onsubmit="submitSavePolicyRule(event)" class="p-6 space-y-4 text-xs">
@@ -8029,7 +8029,7 @@
     <div class="bg-slate-900 border border-slate-800 rounded-2xl w-full max-w-lg shadow-2xl overflow-hidden animate-in">
       <div class="px-6 py-4 border-b border-slate-800 flex items-center justify-between bg-slate-950/40">
         <div>
-          <h3 class="text-sm font-bold text-white">BGP Instance Settings (/routing bgp instance)</h3>
+          <h3 class="text-sm font-bold text-white">BGP Instance Settings</h3>
           <p class="text-[11px] text-slate-400">Configure global Autonomous System and route redistribution</p>
         </div>
         <button onclick="closeBgpInstanceModal()" class="text-slate-400 hover:text-white p-1 rounded-lg">✕</button>
@@ -8091,7 +8091,7 @@
     </div>
   </div>
 
-  <!-- ================= MODAL: BGP CONNECTION (RouterOS v7 Style) ================= -->
+  <!-- ================= MODAL: BGP CONNECTION ================= -->
   <div id="bgp-peer-modal" class="fixed inset-0 bg-slate-950/80 backdrop-blur-sm z-50 hidden flex items-center justify-center p-4">
     <div class="bg-slate-900 border border-slate-800 rounded-2xl w-full max-w-4xl shadow-2xl overflow-hidden animate-in flex flex-col max-h-[90vh]">
       <!-- Header -->
@@ -8654,7 +8654,7 @@
 
           </div>
 
-          <!-- Right Sidebar (RouterOS Actions) -->
+          <!-- Right Sidebar (Actions) -->
           <div class="w-36 border-l border-slate-800 pl-4 space-y-2 font-sans">
             <div class="text-[10px] uppercase font-bold text-slate-500 tracking-wider mb-2">Actions</div>
             <button type="button" onclick="copyCurrentBgpPeer()" class="w-full text-left text-xs px-2.5 py-1.5 rounded-lg text-slate-300 hover:text-white hover:bg-slate-800 transition flex items-center gap-2">
@@ -8707,7 +8707,7 @@
     </div>
   </div>
 
-  <!-- ================= MODAL: OSPF INSTANCE (RouterOS v7 Style) ================= -->
+  <!-- ================= MODAL: OSPF INSTANCE ================= -->
   <div id="ospf-instance-modal" class="fixed inset-0 bg-slate-950/80 backdrop-blur-sm z-50 hidden flex items-center justify-center p-4">
     <div class="bg-slate-900 border border-slate-800 rounded-2xl w-full max-w-2xl shadow-2xl overflow-hidden animate-in flex flex-col max-h-[90vh]">
       <div class="px-6 py-3.5 border-b border-slate-800 flex items-center justify-between bg-slate-950/60">
@@ -8815,7 +8815,7 @@
     </div>
   </div>
 
-  <!-- ================= MODAL: OSPF AREA (RouterOS v7 Style) ================= -->
+  <!-- ================= MODAL: OSPF AREA ================= -->
   <div id="ospf-area-modal" class="fixed inset-0 bg-slate-950/80 backdrop-blur-sm z-50 hidden flex items-center justify-center p-4">
     <div class="bg-slate-900 border border-slate-800 rounded-2xl w-full max-w-2xl shadow-2xl overflow-hidden animate-in flex flex-col max-h-[90vh]">
       <div class="px-6 py-3.5 border-b border-slate-800 flex items-center justify-between bg-slate-950/60">
@@ -8915,7 +8915,7 @@
     </div>
   </div>
 
-  <!-- ================= MODAL: OSPF AREA RANGE (RouterOS v7 Style) ================= -->
+  <!-- ================= MODAL: OSPF AREA RANGE ================= -->
   <div id="ospf-area-range-modal" class="fixed inset-0 bg-slate-950/80 backdrop-blur-sm z-50 hidden flex items-center justify-center p-4">
     <div class="bg-slate-900 border border-slate-800 rounded-2xl w-full max-w-2xl shadow-2xl overflow-hidden animate-in flex flex-col max-h-[90vh]">
       <div class="px-6 py-3.5 border-b border-slate-800 flex items-center justify-between bg-slate-950/60">
@@ -8996,7 +8996,7 @@
     </div>
   </div>
 
-  <!-- ================= MODAL: OSPF INTERFACE TEMPLATE (RouterOS v7 Style) ================= -->
+  <!-- ================= MODAL: OSPF INTERFACE TEMPLATE ================= -->
   <div id="ospf-template-modal" class="fixed inset-0 bg-slate-950/80 backdrop-blur-sm z-50 hidden flex items-center justify-center p-4">
     <div class="bg-slate-900 border border-slate-800 rounded-2xl w-full max-w-3xl shadow-2xl overflow-hidden animate-in flex flex-col max-h-[90vh]">
       <div class="px-6 py-3.5 border-b border-slate-800 flex items-center justify-between bg-slate-950/60">
@@ -9229,7 +9229,7 @@
           </svg>
           <div>
             <h3 id="modal-rf-title" class="text-sm font-bold text-white">Routing Filter Rule</h3>
-            <p class="text-[11px] text-slate-400">RouterOS v7 procedural syntax: if (...) { ... } else { ... } (/routing filter rule)</p>
+            <p class="text-[11px] text-slate-400">Procedural filter syntax: if (...) { ... } else { ... }</p>
           </div>
         </div>
         <button onclick="closeRoutingFilterModal()" class="text-slate-400 hover:text-white p-1 rounded-lg">✕</button>
@@ -9250,11 +9250,11 @@
           </div>
         </div>
 
-        <!-- RouterOS v7 Script Rule Editor -->
+        <!-- Script Rule Editor -->
         <div>
           <div class="flex items-center justify-between mb-1.5">
             <label class="font-semibold text-slate-300 flex items-center gap-2">
-              <span>Rule (RouterOS v7 Script Syntax) *</span>
+              <span>Filter Rule Script *</span>
               <span class="text-[10px] text-emerald-400 font-mono bg-emerald-950/60 border border-emerald-800/40 px-1.5 py-0.5 rounded">v7 Script Engine</span>
             </label>
             <span class="text-[10px] text-slate-400">Terminates with accept; or reject;</span>
@@ -9369,13 +9369,13 @@
     </div>
   </div>
 
-  <!-- ================= MODAL: SELECT RULE (/routing filter select-rule) ================= -->
+  <!-- ================= MODAL: SELECT RULE ================= -->
   <div id="modal-rf-select-rule" class="fixed inset-0 bg-slate-950/80 backdrop-blur-sm z-50 hidden flex items-center justify-center p-4">
     <div class="bg-slate-900 border border-slate-800 rounded-2xl w-full max-w-lg shadow-2xl overflow-hidden animate-in">
       <div class="px-6 py-4 border-b border-slate-800 flex items-center justify-between bg-slate-950/60">
         <div>
           <h3 id="modal-rf-sr-title" class="text-sm font-bold text-white">Routing Select Rule</h3>
-          <p class="text-[11px] text-slate-400">Controls route preference and candidate selection (/routing filter select-rule)</p>
+          <p class="text-[11px] text-slate-400">Controls route preference and candidate selection</p>
         </div>
         <button onclick="closeSelectRuleModal()" class="text-slate-400 hover:text-white p-1 rounded-lg">✕</button>
       </div>
@@ -9420,13 +9420,13 @@
     </div>
   </div>
 
-  <!-- ================= MODAL: COMMUNITY LIST (/routing filter community-list) ================= -->
+  <!-- ================= MODAL: COMMUNITY LIST ================= -->
   <div id="modal-rf-community-list" class="fixed inset-0 bg-slate-950/80 backdrop-blur-sm z-50 hidden flex items-center justify-center p-4">
     <div class="bg-slate-900 border border-slate-800 rounded-2xl w-full max-w-lg shadow-2xl overflow-hidden animate-in">
       <div class="px-6 py-4 border-b border-slate-800 flex items-center justify-between bg-slate-950/60">
         <div>
           <h3 id="modal-rf-cl-title" class="text-sm font-bold text-white">BGP Community List</h3>
-          <p class="text-[11px] text-slate-400">Named community sets for matching in filter rules (/routing filter community-list)</p>
+          <p class="text-[11px] text-slate-400">Named community sets for matching in filter rules</p>
         </div>
         <button onclick="closeCommunityListModal()" class="text-slate-400 hover:text-white p-1 rounded-lg">✕</button>
       </div>
@@ -9471,13 +9471,13 @@
     </div>
   </div>
 
-  <!-- ================= MODAL: AS LIST (/routing filter num-list) ================= -->
+  <!-- ================= MODAL: AS LIST ================= -->
   <div id="modal-rf-as-list" class="fixed inset-0 bg-slate-950/80 backdrop-blur-sm z-50 hidden flex items-center justify-center p-4">
     <div class="bg-slate-900 border border-slate-800 rounded-2xl w-full max-w-lg shadow-2xl overflow-hidden animate-in">
       <div class="px-6 py-4 border-b border-slate-800 flex items-center justify-between bg-slate-950/60">
         <div>
           <h3 id="modal-rf-al-title" class="text-sm font-bold text-white">AS Number List</h3>
-          <p class="text-[11px] text-slate-400">Named AS numbers or numeric ranges for AS-Path matching (/routing filter num-list)</p>
+          <p class="text-[11px] text-slate-400">Named AS numbers or numeric ranges for AS-Path matching</p>
         </div>
         <button onclick="closeASListModal()" class="text-slate-400 hover:text-white p-1 rounded-lg">✕</button>
       </div>
@@ -9524,7 +9524,7 @@
     <div class="bg-slate-900 border border-slate-800 rounded-2xl w-full max-w-md shadow-2xl overflow-hidden animate-in">
       <div class="px-6 py-4 border-b border-slate-800 flex items-center justify-between bg-slate-950/40">
         <div class="flex items-center gap-2">
-          <span class="px-2 py-0.5 rounded text-[10px] font-mono bg-amber-500/20 text-amber-300 border border-amber-500/30 font-semibold">/ip dhcp-client</span>
+          <span class="px-2.5 py-0.5 rounded-full text-[10px] font-semibold bg-amber-500/20 text-amber-300 border border-amber-500/30 tracking-wide uppercase">DHCP Client</span>
           <h3 id="modal-dhcp-title" class="text-sm font-bold text-white">Add DHCP Client</h3>
         </div>
         <button onclick="closeDHCPClientModal()" class="text-slate-400 hover:text-white p-1 rounded-lg">✕</button>
@@ -9589,7 +9589,7 @@
     <div class="bg-slate-900 border border-slate-800 rounded-2xl w-full max-w-lg shadow-2xl overflow-hidden animate-in">
       <div class="px-6 py-4 border-b border-slate-800 flex items-center justify-between bg-slate-950/40">
         <div class="flex items-center gap-2">
-          <span class="px-2 py-0.5 rounded text-[10px] font-mono bg-emerald-500/20 text-emerald-300 border border-emerald-500/30 font-semibold">/ip dhcp-server</span>
+          <span class="px-2.5 py-0.5 rounded-full text-[10px] font-semibold bg-emerald-500/20 text-emerald-300 border border-emerald-500/30 tracking-wide uppercase">Core Network Service</span>
           <h3 id="dhcp-server-modal-title" class="text-sm font-bold text-white">Add DHCP Server</h3>
         </div>
         <button onclick="closeDHCPServerModal()" class="text-slate-400 hover:text-white p-1 rounded-lg">✕</button>
@@ -9653,7 +9653,7 @@
     <div class="bg-slate-900 border border-slate-800 rounded-2xl w-full max-w-2xl shadow-2xl overflow-hidden animate-in">
       <div class="px-6 py-4 border-b border-slate-800 flex items-center justify-between bg-slate-950/40">
         <div class="flex items-center gap-2">
-          <span class="px-2 py-0.5 rounded text-[10px] font-mono bg-emerald-500/20 text-emerald-300 border border-emerald-500/30 font-semibold">/ip dhcp-server network</span>
+          <span class="px-2.5 py-0.5 rounded-full text-[10px] font-semibold bg-emerald-500/20 text-emerald-300 border border-emerald-500/30 tracking-wide uppercase">Subnet Network</span>
           <h3 id="dhcp-network-modal-title" class="text-sm font-bold text-white">Add DHCP Network</h3>
         </div>
         <button onclick="closeDHCPNetworkModal()" class="text-slate-400 hover:text-white p-1 rounded-lg">✕</button>
@@ -9750,7 +9750,7 @@
     <div class="bg-slate-900 border border-slate-800 rounded-2xl w-full max-w-lg shadow-2xl overflow-hidden animate-in">
       <div class="px-6 py-4 border-b border-slate-800 flex items-center justify-between bg-slate-950/40">
         <div class="flex items-center gap-2">
-          <span class="px-2 py-0.5 rounded text-[10px] font-mono bg-purple-500/20 text-purple-300 border border-purple-500/30 font-semibold">/ip dhcp-server lease</span>
+          <span class="px-2.5 py-0.5 rounded-full text-[10px] font-semibold bg-purple-500/20 text-purple-300 border border-purple-500/30 tracking-wide uppercase">Static Lease</span>
           <h3 id="dhcp-static-lease-modal-title" class="text-sm font-bold text-white">Add Static Lease Reservation</h3>
         </div>
         <button onclick="closeDHCPStaticLeaseModal()" class="text-slate-400 hover:text-white p-1 rounded-lg">✕</button>
@@ -9806,7 +9806,7 @@
     <div class="bg-slate-900 border border-slate-800 rounded-2xl w-full max-w-md shadow-2xl overflow-hidden animate-in">
       <div class="px-6 py-4 border-b border-slate-800 flex items-center justify-between bg-slate-950/40">
         <div class="flex items-center gap-2">
-          <span class="px-2 py-0.5 rounded text-[10px] font-mono bg-cyan-500/20 text-cyan-300 border border-cyan-500/30 font-semibold">/ip dhcp-server option</span>
+          <span class="px-2.5 py-0.5 rounded-full text-[10px] font-semibold bg-cyan-500/20 text-cyan-300 border border-cyan-500/30 tracking-wide uppercase">DHCP Option</span>
           <h3 id="dhcp-option-modal-title" class="text-sm font-bold text-white">Add DHCP Option</h3>
         </div>
         <button onclick="closeDHCPOptionModal()" class="text-slate-400 hover:text-white p-1 rounded-lg">✕</button>
@@ -9845,7 +9845,7 @@
     </div>
   </div>
 
-  <!-- ================= MODAL: MIKROTIK DHCP SETUP WIZARD ================= -->
+  <!-- ================= MODAL: QUICK DHCP SETUP WIZARD ================= -->
   <div id="dhcp-setup-wizard-modal" class="fixed inset-0 bg-slate-950/80 backdrop-blur-sm z-50 hidden flex items-center justify-center p-4">
     <div class="bg-slate-900 border border-slate-800 rounded-2xl w-full max-w-lg shadow-2xl overflow-hidden animate-in">
       <div class="px-6 py-4 border-b border-slate-800 flex items-center justify-between bg-slate-950/40">
@@ -9858,7 +9858,7 @@
 
       <form onsubmit="submitDHCPServerSetupWizard(event)" class="p-6 space-y-4 text-xs font-sans">
         <p class="text-slate-400 text-xs">
-          Select an interface to automatically configure a complete MikroTik-style DHCP Server, network subnet, IP address pool, default gateway, and DNS.
+          Select an interface to automatically configure an enterprise DHCP Server, network subnet, IP address pool, default gateway, and DNS.
         </p>
 
         <div>
@@ -10159,6 +10159,6 @@
   </div>
 
   <datalist id="fw-addrlist-datalist"></datalist>
-  <script src="app.js?v=9.0"></script>
+  <script src="app.js?v=10.0"></script>
 </body>
 </html>