Большое обновление GUI интерфейс

Большое обновление GUI интерфейс

- Добавлен фраемворr Walles
- Удалена консольная версия
- Проработан интерфейс и дизайн
- Добавлено кеширование для быстрой реакции.
- Сделан .ps1 сборщик для удобной сборки проекта.
- Обновлён Readme

Backend/admin/frontend/assets/css/layout/container.css

@@ -0,0 +1,66 @@
+/* ============================================
+   Container Layout
+   Основной контейнер контента
+   ============================================ */
+
+.container {
+    height: calc(100vh - var(--header-height));
+    margin-top: var(--header-height);
+    margin-left: var(--sidebar-width);
+    padding: 40px var(--space-3xl);
+    position: relative;
+    z-index: var(--z-base);
+    overflow-y: auto;
+    overflow-x: hidden;
+}
+
+/* Main Content */
+.main-content {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-2xl);
+}
+
+/* Section */
+.section {
+    position: relative;
+}
+
+.section-title {
+    font-size: var(--text-md);
+    font-weight: var(--font-bold);
+    color: var(--text-primary);
+    margin-bottom: var(--space-lg);
+    text-transform: uppercase;
+    letter-spacing: 1.5px;
+    display: flex;
+    align-items: center;
+    gap: var(--space-lg);
+    
+    &::before {
+        content: '';
+        width: 4px;
+        height: 16px;
+        background: linear-gradient(180deg, var(--accent-purple), var(--accent-purple-light));
+        border-radius: 2px;
+    }
+}
+
+/* Footer */
+.footer {
+    margin-top: var(--space-3xl);
+    padding: 20px;
+    text-align: center;
+    color: var(--text-muted);
+    font-size: var(--text-sm);
+    opacity: 0.6;
+}
+
+/* Responsive */
+@media (max-width: 600px) {
+    .header {
+        flex-direction: column;
+        gap: 10px;
+    }
+}
+

Backend/admin/frontend/assets/css/layout/header.css

@@ -0,0 +1,76 @@
+/* ============================================
+   Header Layout
+   Window controls и title bar
+   ============================================ */
+
+.window-controls {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 1000;
+    background: rgba(10, 14, 26, 0.9);
+    backdrop-filter: var(--backdrop-blur);
+    border-bottom: 1px solid var(--glass-border);
+}
+
+.title-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    height: var(--header-height);
+    padding: 0 var(--space-xl);
+    --wails-draggable: drag;
+}
+
+.title-bar-left {
+    display: flex;
+    align-items: center;
+    gap: var(--space-lg);
+}
+
+.app-logo {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+
+.logo-icon {
+    font-size: 24px;
+    line-height: 1;
+}
+
+.logo-text {
+    font-size: var(--text-xl);
+    font-weight: var(--font-bold);
+    color: #ffffff;
+    user-select: none;
+    letter-spacing: -0.5px;
+}
+
+.title-bar-right {
+    display: flex;
+    align-items: center;
+    gap: var(--space-md);
+    --wails-draggable: no-drag;
+}
+
+/* Server Status */
+.server-status {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: var(--space-sm) var(--space-md);
+    background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(16, 185, 129, 0.05));
+    backdrop-filter: var(--backdrop-blur-light);
+    border-radius: 20px;
+    border: 1px solid rgba(16, 185, 129, 0.3);
+    box-shadow: var(--shadow-green);
+}
+
+.status-text {
+    font-size: 12px;
+    font-weight: var(--font-semibold);
+    color: var(--text-primary);
+}
+

Backend/admin/frontend/assets/css/layout/sidebar.css

@@ -0,0 +1,27 @@
+/* ============================================
+   Sidebar Layout
+   Боковая навигация
+   ============================================ */
+
+.sidebar {
+    position: fixed;
+    left: 0;
+    top: var(--header-height);
+    width: var(--sidebar-width);
+    height: calc(100vh - var(--header-height));
+    background: rgba(10, 14, 26, 0.95);
+    backdrop-filter: var(--backdrop-blur);
+    border-right: 1px solid var(--glass-border);
+    z-index: 100;
+    display: flex;
+    flex-direction: column;
+    padding: 20px 0;
+}
+
+.sidebar-nav {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+    padding: 0 var(--space-md);
+}
+