Улучшен фронт

1. Добавлен функционал в интерфейс по управлению сертификатами и службой редактирования сертификатов.

2. Добавлена кнопка для добавления прокси и экран редактирования прокси.

Backend/admin/frontend/assets/css/components/badges.css

@@ -20,21 +20,18 @@
     background: linear-gradient(135deg, rgba(16, 185, 129, 0.25), rgba(16, 185, 129, 0.15));
     color: var(--accent-green);
     border: 1px solid rgba(16, 185, 129, 0.4);
-    box-shadow: 0 0 12px rgba(16, 185, 129, 0.3);
 }
 
 .badge-offline {
     background: linear-gradient(135deg, rgba(239, 68, 68, 0.25), rgba(239, 68, 68, 0.15));
     color: var(--accent-red);
     border: 1px solid rgba(239, 68, 68, 0.4);
-    box-shadow: 0 0 12px rgba(239, 68, 68, 0.3);
 }
 
 .badge-pending {
     background: linear-gradient(135deg, rgba(245, 158, 11, 0.25), rgba(245, 158, 11, 0.15));
     color: var(--accent-yellow);
     border: 1px solid rgba(245, 158, 11, 0.4);
-    box-shadow: 0 0 12px rgba(245, 158, 11, 0.3);
 }
 
 /* Yes/No Badges */
@@ -55,7 +52,6 @@
     width: 7px;
     height: 7px;
     border-radius: var(--radius-full);
-    box-shadow: 0 0 8px currentColor;
 }
 
 .status-online {
@@ -85,3 +81,27 @@
     }
 }
 
+/* Certificate Icons */
+.cert-icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 22px;
+    height: 22px;
+    margin-right: 8px;
+    border-radius: var(--radius-sm);
+    font-size: 12px;
+}
+
+.cert-valid {
+    background: rgba(16, 185, 129, 0.2);
+    color: var(--accent-green);
+    border: 1px solid rgba(16, 185, 129, 0.4);
+}
+
+.cert-expired {
+    background: rgba(239, 68, 68, 0.2);
+    color: var(--accent-red);
+    border: 1px solid rgba(239, 68, 68, 0.4);
+}
+

Backend/admin/frontend/assets/css/components/buttons.css

@@ -71,7 +71,6 @@
     &:hover:not(:disabled) {
         background: rgba(239, 68, 68, 0.25);
         border-color: rgba(239, 68, 68, 0.5);
-        box-shadow: 0 4px 12px rgba(239, 68, 68, 0.2);
     }
 }
 
@@ -152,7 +151,6 @@
     font-weight: var(--font-semibold);
     cursor: pointer;
     transition: all var(--transition-base);
-    box-shadow: var(--shadow-red);
     
     &:hover:not(:disabled) {
         background: linear-gradient(135deg, rgba(239, 68, 68, 0.3), rgba(239, 68, 68, 0.15));
@@ -173,7 +171,6 @@
     background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(16, 185, 129, 0.1));
     border-color: rgba(16, 185, 129, 0.4);
     color: var(--accent-green);
-    box-shadow: var(--shadow-green);
     
     &:hover:not(:disabled) {
         background: linear-gradient(135deg, rgba(16, 185, 129, 0.3), rgba(16, 185, 129, 0.15));
@@ -211,7 +208,6 @@
         background: rgba(16, 185, 129, 0.2);
         border-color: rgba(16, 185, 129, 0.5);
         color: var(--accent-green);
-        box-shadow: 0 0 12px rgba(16, 185, 129, 0.2);
     }
     
     &:last-child.active {
@@ -315,7 +311,6 @@
     &.active {
         background: var(--accent-purple);
         color: white;
-        box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3);
     }
 }
 

Backend/admin/frontend/assets/css/components/forms.css

@@ -24,6 +24,11 @@
     gap: var(--space-md);
 }
 
+/* Form Row (3 columns) */
+.form-row.form-row-3 {
+    grid-template-columns: 1fr 1fr 1fr;
+}
+
 /* Form Label */
 .form-label {
     font-size: 12px;