fix

Frontend/JS/control-panel.js

@@ -207,17 +207,13 @@ document.getElementById("closeModal").onclick = hideModal;
 
 tryAutoLogin();
 
-// Переключение инструкций по платформам
 document.querySelectorAll('.tab-btn').forEach(btn => {
     btn.addEventListener('click', () => {
-        // Убираем active у всех кнопок
         document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));
         btn.classList.add('active');
 
-        // Скрываем все инструкции
         document.querySelectorAll('.instructions').forEach(el => el.classList.add('hidden'));
 
-        // Показываем нужную
         const platform = btn.dataset.platform;
         const target = document.getElementById(`${platform}-instructions`);
         if (target) {
@@ -226,7 +222,4 @@ document.querySelectorAll('.tab-btn').forEach(btn => {
     });
 });
 
-// Показываем Android по умолчанию при загрузке (если нужно)
-document.addEventListener('DOMContentLoaded', () => {
-    // можно оставить как есть — первая вкладка уже active в HTML
-});
+document.addEventListener('DOMContentLoaded', () => {});

Frontend/Styles/control-panel.css

@@ -191,11 +191,11 @@ h1{
     color: #aaa;
 }
 
-.how-to-connect {
+.how-to-connect{
     margin-bottom: 60px;
 }
 
-.platform-tabs {
+.platform-tabs{
     display: flex;
     justify-content: center;
     gap: 12px;
@@ -203,7 +203,7 @@ h1{
     flex-wrap: wrap;
 }
 
-.tab-btn {
+.tab-btn{
     background: #1a1a1a;
     border: 1px solid #444;
     color: #aaa;
@@ -215,13 +215,13 @@ h1{
     transition: all 0.22s ease;
 }
 
-.tab-btn:hover {
+.tab-btn:hover{
     border-color: #666;
     color: #ddd;
     background: #222;
 }
 
-.tab-btn.active {
+.tab-btn.active{
     background: var(--accent);
     color: #000;
     border-color: var(--accent);
@@ -229,7 +229,7 @@ h1{
     font-weight: 600;
 }
 
-.instructions {
+.instructions{
     background: var(--card);
     border: 1px solid #333;
     border-radius: 16px;
@@ -237,20 +237,20 @@ h1{
     transition: all 0.3s ease;
 }
 
-.instructions ol {
+.instructions ol{
     counter-reset: step;
     list-style: none;
     font-size: 15.5px;
     line-height: 1.65;
 }
 
-.instructions li {
+.instructions li{
     position: relative;
     padding-left: 38px;
     margin-bottom: 18px;
 }
 
-.instructions li::before {
+.instructions li::before{
     content: counter(step);
     counter-increment: step;
     position: absolute;
@@ -269,19 +269,19 @@ h1{
     font-weight: 600;
 }
 
-.instructions a {
+.instructions a{
     color: var(--accent);
     text-decoration: none;
     border-bottom: 1px solid rgba(0,255,255,0.3);
     transition: all 0.2s;
 }
 
-.instructions a:hover {
+.instructions a:hover{
     border-bottom-color: var(--accent);
     color: #00ffff;
 }
 
-.instructions kbd {
+.instructions kbd{
     background: #1e1e1e;
     border: 1px solid #444;
     border-radius: 5px;
@@ -290,12 +290,12 @@ h1{
     color: #aaa;
 }
 
-.instructions ul {
+.instructions ul{
     margin: 12px 0 12px 24px;
     list-style: disc;
     color: #bbb;
 }
 
-.hidden {
+.hidden{
     display: none !important;
 }