diff --git a/web/static/css/matrix.css b/web/static/css/matrix.css
index 314d147..5d6f0e2 100644
--- a/web/static/css/matrix.css
+++ b/web/static/css/matrix.css
@@ -1,389 +1,21 @@
-/* GLASSMORPHISM DARK UI FOR DOMOVOY WEB PANEL */
-@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
-
+/* CLEAN MINIMALIST THEME FOR DOMOVOY WEB PANEL */
 :root {
-    --bg-main: #06060c;
-    --bg-gradient: radial-gradient(circle at 50% 0%, #150f30 0%, #06060c 80%);
-    --panel-bg: rgba(18, 18, 29, 0.45);
-    --panel-bg-hover: rgba(26, 26, 42, 0.6);
-    --panel-border: rgba(255, 255, 255, 0.08);
-    --panel-border-hover: rgba(255, 255, 255, 0.15);
-    
-    --color-primary: #8a2be2;
-    --color-primary-glow: rgba(138, 43, 226, 0.35);
-    --color-success: #00ffcc;
-    --color-success-glow: rgba(0, 255, 204, 0.25);
-    --color-warning: #ffb300;
-    --color-warning-glow: rgba(255, 179, 0, 0.25);
-    --color-danger: #ff2d55;
-    --color-danger-glow: rgba(255, 45, 85, 0.25);
-    --color-info: #00bfff;
-    --color-info-glow: rgba(0, 191, 255, 0.25);
-    
-    --color-text-main: #f5f5f7;
-    --color-text-muted: #8e8e93;
-    --color-text-dark: #3a3a3c;
-    
-    --font-main: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-    --font-mono: 'JetBrains Mono', monospace;
-    
-    --shadow-neon: 0 8px 32px 0 rgba(0, 0, 0, 0.4), 0 0 16px 0 var(--color-primary-glow);
-    --transition-smooth: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
+    --bg-main: #f4f4f4;
+    --bg-panel: #ffffff;
+    --bg-header: #ece9d8;
+    --border-color: #707680;
+    --border-light: #cccccc;
+    --text-main: #111111;
+    --text-muted: #555555;
+    --link-color: #0000cc;
+    --link-hover: #cc0000;
+    --badge-bg: #e8e8e8;
 }
 
 body {
-    background-color: var(--bg-main) !important;
-    background-image: var(--bg-gradient) !important;
-    background-attachment: fixed !important;
-    color: var(--color-text-main) !important;
-    font-family: var(--font-main) !important;
-    min-height: 100vh;
-    overflow-x: hidden;
-    line-height: 1.5;
+    background-color: var(--bg-main);
+    color: var(--text-main);
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+    font-size: 13px;
+    line-height: 1.45;
 }
-
-/* Сайдбар */
-.sidebar {
-    background: rgba(10, 10, 18, 0.3) !important;
-    backdrop-filter: blur(20px) !important;
-    -webkit-backdrop-filter: blur(20px) !important;
-    border-right: 1px solid var(--panel-border) !important;
-    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.3) !important;
-}
-
-.sidebar .nav-link {
-    color: var(--color-text-muted) !important;
-    border-left: 3px solid transparent !important;
-    transition: var(--transition-smooth) !important;
-    padding: 0.75rem 1.5rem !important;
-    font-weight: 500 !important;
-    text-transform: uppercase !important;
-    font-family: var(--font-main) !important;
-    letter-spacing: 0.5px !important;
-}
-
-.sidebar .nav-link:hover {
-    color: var(--color-text-main) !important;
-    background: rgba(255, 255, 255, 0.03) !important;
-    border-left-color: rgba(255, 255, 255, 0.2) !important;
-}
-
-.sidebar .nav-link.active {
-    color: var(--color-success) !important;
-    background: rgba(0, 255, 204, 0.05) !important;
-    border-left-color: var(--color-success) !important;
-    text-shadow: 0 0 10px var(--color-success-glow) !important;
-}
-
-.sidebar .nav-link i, .sidebar .nav-link bi {
-    margin-right: 0.5rem !important;
-    font-size: 1.1rem !important;
-}
-
-/* Карточки */
-.card {
-    background: var(--panel-bg) !important;
-    backdrop-filter: blur(12px) !important;
-    -webkit-backdrop-filter: blur(12px) !important;
-    border: 1px solid var(--panel-border) !important;
-    border-radius: 16px !important;
-    transition: var(--transition-smooth) !important;
-    color: var(--color-text-main) !important;
-    overflow: hidden !important;
-    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
-}
-
-.card:hover {
-    background: var(--panel-bg-hover) !important;
-    border-color: var(--panel-border-hover) !important;
-    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4) !important;
-    transform: translateY(-2px) !important;
-}
-
-.card-header {
-    background: rgba(255, 255, 255, 0.02) !important;
-    border-bottom: 1px solid var(--panel-border) !important;
-    font-weight: 600 !important;
-    text-transform: uppercase !important;
-    letter-spacing: 0.5px !important;
-    padding: 1rem 1.25rem !important;
-    color: var(--color-text-main) !important;
-}
-
-.card-body {
-    padding: 1.25rem !important;
-}
-
-/* Переопределение старых рамок и фонов */
-.border-success, .border-warning, .border-cyan, .border-danger {
-    border-color: var(--panel-border) !important;
-}
-
-.card.border-success:hover, .card.border-warning:hover, .card.border-cyan:hover {
-    border-color: var(--panel-border-hover) !important;
-}
-
-.card.border-danger {
-    border-color: rgba(255, 45, 85, 0.3) !important;
-}
-
-.card.border-danger:hover {
-    border-color: var(--color-danger) !important;
-    box-shadow: 0 8px 30px rgba(255, 45, 85, 0.15) !important;
-}
-
-/* Таблицы */
-.table {
-    color: var(--color-text-main) !important;
-    background-color: transparent !important;
-}
-
-.table > :not(caption) > * > * {
-    background-color: transparent !important;
-    color: var(--color-text-main) !important;
-    border-bottom: 1px solid var(--panel-border) !important;
-}
-
-.table > thead > tr > th {
-    color: var(--color-text-muted) !important;
-    font-weight: 600 !important;
-    text-transform: uppercase !important;
-    font-size: 0.8rem !important;
-    letter-spacing: 0.5px !important;
-    border-bottom: 2px solid var(--panel-border) !important;
-}
-
-.table-hover tbody tr:hover td {
-    background-color: rgba(255, 255, 255, 0.02) !important;
-    color: var(--color-text-main) !important;
-}
-
-/* Кнопки */
-.btn {
-    border-radius: 8px !important;
-    font-weight: 500 !important;
-    transition: var(--transition-smooth) !important;
-    text-transform: uppercase !important;
-    letter-spacing: 0.5px !important;
-}
-
-.btn-matrix, .btn-outline-success {
-    background-color: transparent !important;
-    border: 1px solid var(--color-success) !important;
-    color: var(--color-success) !important;
-}
-
-.btn-matrix:hover, .btn-outline-success:hover, .btn-outline-success:active, .btn-outline-success:focus {
-    background-color: var(--color-success) !important;
-    color: #000 !important;
-    border-color: var(--color-success) !important;
-    box-shadow: 0 0 15px var(--color-success-glow) !important;
-}
-
-.btn-outline-primary {
-    border-color: var(--color-primary) !important;
-    color: var(--color-text-main) !important;
-}
-
-.btn-outline-primary:hover {
-    background-color: var(--color-primary) !important;
-    color: var(--color-text-main) !important;
-    box-shadow: 0 0 15px var(--color-primary-glow) !important;
-}
-
-.btn-outline-danger {
-    border-color: var(--color-danger) !important;
-    color: var(--color-danger) !important;
-    background-color: transparent !important;
-}
-
-.btn-outline-danger:hover {
-    background-color: var(--color-danger) !important;
-    color: #fff !important;
-    box-shadow: 0 0 15px var(--color-danger-glow) !important;
-}
-
-.btn-outline-warning {
-    border-color: var(--color-warning) !important;
-    color: var(--color-warning) !important;
-    background-color: transparent !important;
-}
-
-.btn-outline-warning:hover {
-    background-color: var(--color-warning) !important;
-    color: #000 !important;
-    box-shadow: 0 0 15px var(--color-warning-glow) !important;
-}
-
-.btn-outline-info {
-    border-color: var(--color-info) !important;
-    color: var(--color-info) !important;
-    background-color: transparent !important;
-}
-
-.btn-outline-info:hover {
-    background-color: var(--color-info) !important;
-    color: #000 !important;
-    box-shadow: 0 0 15px var(--color-info-glow) !important;
-}
-
-/* Формы */
-.form-control, .form-select {
-    background-color: rgba(255, 255, 255, 0.03) !important;
-    border: 1px solid var(--panel-border) !important;
-    color: var(--color-text-main) !important;
-    border-radius: 8px !important;
-    transition: var(--transition-smooth) !important;
-}
-
-.form-control:focus, .form-select:focus {
-    background-color: rgba(255, 255, 255, 0.05) !important;
-    border-color: var(--color-primary) !important;
-    color: var(--color-text-main) !important;
-    box-shadow: 0 0 8px var(--color-primary-glow) !important;
-}
-
-.form-control::placeholder {
-    color: var(--color-text-muted) !important;
-    opacity: 0.6 !important;
-}
-
-.bg-black {
-    background-color: rgba(10, 10, 15, 0.5) !important;
-    border: 1px solid var(--panel-border) !important;
-}
-
-/* Ссылки */
-a {
-    color: var(--color-success);
-    text-decoration: none;
-    transition: var(--transition-smooth);
-}
-
-a:hover {
-    color: #fff;
-    text-shadow: 0 0 8px var(--color-success-glow);
-}
-
-/* Баджи */
-.badge {
-    border-radius: 6px !important;
-    font-weight: 500 !important;
-    padding: 0.4em 0.6em !important;
-}
-
-.bg-success {
-    background-color: rgba(0, 255, 204, 0.15) !important;
-    color: var(--color-success) !important;
-    border: 1px solid var(--color-success) !important;
-}
-
-.bg-danger {
-    background-color: rgba(255, 45, 85, 0.15) !important;
-    color: var(--color-danger) !important;
-    border: 1px solid var(--color-danger) !important;
-}
-
-.bg-warning {
-    background-color: rgba(255, 179, 0, 0.15) !important;
-    color: var(--color-warning) !important;
-    border: 1px solid var(--color-warning) !important;
-}
-
-.bg-info {
-    background-color: rgba(0, 191, 255, 0.15) !important;
-    color: var(--color-info) !important;
-    border: 1px solid var(--color-info) !important;
-}
-
-/* Утилиты и кастомный контент */
-hr {
-    border-color: var(--panel-border) !important;
-    opacity: 0.5 !important;
-}
-
-pre, code {
-    font-family: var(--font-mono) !important;
-}
-
-/* Кастомный Scrollbar */
-::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
-}
-
-::-webkit-scrollbar-track {
-    background: rgba(10, 10, 15, 0.5);
-}
-
-::-webkit-scrollbar-thumb {
-    background: rgba(255, 255, 255, 0.08);
-    border-radius: 3px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-    background: rgba(255, 255, 255, 0.15);
-}
-
-/* Дополнения для соответствия Swarm Dashboard */
-.glass-panel {
-    background: var(--panel-bg) !important;
-    backdrop-filter: blur(12px) !important;
-    -webkit-backdrop-filter: blur(12px) !important;
-    border: 1px solid var(--panel-border) !important;
-    border-radius: 16px !important;
-    padding: 24px !important;
-    transition: var(--transition-smooth) !important;
-}
-
-.glass-panel:hover {
-    background: var(--panel-bg-hover) !important;
-    border-color: var(--panel-border-hover) !important;
-    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4) !important;
-}
-
-@keyframes neonPulseSuccess {
-    0%, 100% { box-shadow: 0 0 8px var(--color-success-glow); }
-    50% { box-shadow: 0 0 18px rgba(0, 255, 204, 0.6); }
-}
-
-@keyframes neonPulseDanger {
-    0%, 100% { box-shadow: 0 0 8px var(--color-danger-glow); }
-    50% { box-shadow: 0 0 18px rgba(255, 45, 85, 0.6); }
-}
-
-@keyframes neonPulsePrimary {
-    0%, 100% { box-shadow: 0 0 8px var(--color-primary-glow); }
-    50% { box-shadow: 0 0 18px rgba(138, 43, 226, 0.6); }
-}
-
-.glow-success {
-    animation: neonPulseSuccess 3s infinite alternate !important;
-}
-
-.glow-danger {
-    animation: neonPulseDanger 3s infinite alternate !important;
-}
-
-.glow-primary {
-    animation: neonPulsePrimary 3s infinite alternate !important;
-}
-
-.text-gradient {
-    background: linear-gradient(135deg, #fff 0%, var(--color-text-muted) 100%) !important;
-    -webkit-background-clip: text !important;
-    -webkit-text-fill-color: transparent !important;
-}
-
-.text-gradient-neon {
-    background: linear-gradient(135deg, #00ffcc 0%, #8a2be2 100%) !important;
-    -webkit-background-clip: text !important;
-    -webkit-text-fill-color: transparent !important;
-}
-
-.flex-center {
-    display: flex !important;
-    align-items: center !important;
-    justify-content: center !important;
-}
-
diff --git a/web/templates/base.html b/web/templates/base.html
index dd3aae8..86298d0 100644
--- a/web/templates/base.html
+++ b/web/templates/base.html
@@ -182,6 +182,7 @@
             border: 1px solid var(--border-light);
             padding: 2px 4px;
             font-size: 12px;
+            color: #111111;
         }
         pre {
             padding: 8px;
@@ -190,14 +191,80 @@
 
         .badge-status {
             display: inline-block;
-            padding: 2px 5px;
+            padding: 2px 6px;
             border: 1px solid var(--border-color);
             background-color: var(--badge-bg);
             font-size: 11px;
+            font-weight: bold;
+        }
+        .badge-success { background-color: #e2f0d9 !important; border-color: #70ad47 !important; color: #385723 !important; }
+        .badge-warning { background-color: #fff2cc !important; border-color: #ffc000 !important; color: #806000 !important; }
+        .badge-danger  { background-color: #fce4d6 !important; border-color: #ed7d31 !important; color: #c65911 !important; }
+        .badge-info    { background-color: #e6f2ff !important; border-color: #66a3ff !important; color: #004080 !important; }
+
+        /* Глобальные переопределения Bootstrap и утилит для светлого стиля */
+        .card, .panel {
+            background-color: var(--bg-panel) !important;
+            border: 1px solid var(--border-color) !important;
+            border-radius: 0 !important;
+            box-shadow: none !important;
+            color: var(--text-main) !important;
+        }
+        .card-header, .panel-header {
+            background-color: var(--bg-header) !important;
+            border-bottom: 1px solid var(--border-color) !important;
+            color: var(--text-main) !important;
+            font-weight: bold !important;
+            border-radius: 0 !important;
+        }
+        .bg-black, .bg-dark {
+            background-color: #ffffff !important;
+            color: var(--text-main) !important;
+            border-color: var(--border-color) !important;
+        }
+        .text-white {
+            color: var(--text-main) !important;
+        }
+        .text-matrix, .text-cyan, .text-success, .text-info {
+            color: var(--text-main) !important;
+        }
+        .btn-matrix {
+            background-color: #e8e8e8 !important;
+            color: #000000 !important;
+            border: 1px solid var(--border-color) !important;
+            border-radius: 0 !important;
+            font-family: inherit !important;
+            font-size: 12px !important;
+            box-shadow: none !important;
+            text-shadow: none !important;
+        }
+        .btn-matrix:hover {
+            background-color: #d8d8d8 !important;
+            color: #000000 !important;
+        }
+        input, select, textarea, .form-control, .form-select {
+            background-color: #ffffff !important;
+            color: var(--text-main) !important;
+            border: 1px solid var(--border-color) !important;
+            border-radius: 0 !important;
+            font-family: inherit !important;
+            font-size: 12px !important;
+            box-shadow: none !important;
+        }
+        input:focus, select:focus, textarea:focus, .form-control:focus, .form-select:focus {
+            background-color: #ffffff !important;
+            color: var(--text-main) !important;
+            border-color: #0000cc !important;
+            box-shadow: none !important;
+            outline: none !important;
+        }
+        h1, h2, h3, h4, h5, h6 {
+            color: var(--text-main) !important;
+            text-shadow: none !important;
+        }
+        .shadow, .shadow-sm, .shadow-lg, .shadow-danger {
+            box-shadow: none !important;
         }
-        .badge-success { background-color: #e2f0d9; border-color: #70ad47; color: #385723; }
-        .badge-warning { background-color: #fff2cc; border-color: #ffc000; color: #806000; }
-        .badge-danger  { background-color: #fce4d6; border-color: #ed7d31; color: #c65911; }
 
         {% block extra_style %}{% endblock %}
     </style>
diff --git a/web/templates/broadcast.html b/web/templates/broadcast.html
index c8908da..17252cd 100644
--- a/web/templates/broadcast.html
+++ b/web/templates/broadcast.html
@@ -7,24 +7,24 @@
 {% block extra_style %}
 <style>
     #preview { max-width: 400px; margin-top: 1rem; display: none; }
-    #preview img { max-width: 100%; border-radius: 8px; }
-    .smart-options { display: none; background: #f0f7ff; padding: 20px; border-radius: 8px; margin-top: 15px; border: 2px solid #667eea; }
+    #preview img { max-width: 100%; border: 1px solid var(--border-color); }
+    .smart-options { display: none; background: #ffffff; padding: 16px; border: 1px solid var(--border-color); margin-top: 12px; }
     .smart-options.active { display: block; }
-    .broadcast-type-selector { display: flex; gap: 15px; margin-bottom: 20px; }
-    .broadcast-type-option { flex: 1; padding: 20px; border: 2px solid #e2e8f0; border-radius: 8px; cursor: pointer; transition: all 0.3s; text-align: center; }
-    .broadcast-type-option:hover { border-color: #667eea; background: #f8f9ff; }
-    .broadcast-type-option.active { border-color: #667eea; background: #eef2ff; }
-    .broadcast-type-option h4 { margin-bottom: 10px; }
-    .broadcast-type-option .icon { font-size: 2.5em; margin-bottom: 10px; }
-    .nav-tabs .nav-link { color: #495057; }
-    .nav-tabs .nav-link.active { font-weight: bold; color: #667eea; }
-    .broadcast-item { background: white; padding: 15px; border-radius: 8px; margin-bottom: 10px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
-    .badge-smart { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; }
-    .badge-regular { background: #6c757d; color: white; }
-    .progress-mini { width: 100px; height: 8px; background: #e2e8f0; border-radius: 4px; overflow: hidden; display: inline-block; vertical-align: middle; margin-left: 5px; }
-    .progress-mini-fill { height: 100%; background: linear-gradient(90deg, #48bb78, #38a169); }
-    .readers-table { font-size: 0.9em; }
-    .readers-table th { background: #f8f9fa; }
+    .broadcast-type-selector { display: flex; gap: 12px; margin-bottom: 16px; }
+    .broadcast-type-option { flex: 1; padding: 14px; border: 1px solid var(--border-color); background: #ffffff; cursor: pointer; text-align: center; }
+    .broadcast-type-option:hover { background: #f0f0f0; }
+    .broadcast-type-option.active { border: 2px solid #0000cc; background: #ece9d8; font-weight: bold; }
+    .broadcast-type-option h4 { margin-bottom: 6px; font-size: 14px; }
+    .broadcast-type-option .icon { font-size: 20px; margin-bottom: 6px; }
+    .nav-tabs .nav-link { color: var(--text-main); border-radius: 0; }
+    .nav-tabs .nav-link.active { font-weight: bold; border-color: var(--border-color) var(--border-color) #ffffff; }
+    .broadcast-item { background: white; padding: 12px; border: 1px solid var(--border-color); margin-bottom: 10px; }
+    .badge-smart { background: #e2f0d9; border: 1px solid #70ad47; color: #385723; font-weight: bold; }
+    .badge-regular { background: #e8e8e8; border: 1px solid var(--border-color); color: #111111; }
+    .progress-mini { width: 100px; height: 8px; background: #e8e8e8; border: 1px solid var(--border-light); display: inline-block; vertical-align: middle; margin-left: 5px; }
+    .progress-mini-fill { height: 100%; background: #385723; }
+    .readers-table { font-size: 12px; }
+    .readers-table th { background: var(--bg-header); }
 </style>
 {% endblock %}
 
@@ -76,8 +76,8 @@
                     <div class="row">
                         <div class="col-md-6">
                             <div class="mb-3">
-                                <label class="form-label text-info">🖼️ Использовать готовое фото:</label>
-                                <select class="form-select bg-dark text-info border-info" id="broadcastArtifactPhoto">
+                                <label class="form-label">🖼️ Использовать готовое фото (Артефакт):</label>
+                                <select class="form-select" id="broadcastArtifactPhoto">
                                     <option value="">-- Не выбрано (или загрузить новое) --</option>
                                     {% for a in artifacts if a.file_type == 'photo' %}
                                     <option value="{{ a.file_id }}">{{ a.filename }}</option>
@@ -87,8 +87,8 @@
                         </div>
                         <div class="col-md-6">
                             <div class="mb-3">
-                                <label class="form-label text-warning">📄 Использовать готовый документ:</label>
-                                <select class="form-select bg-dark text-warning border-warning" id="broadcastArtifactDocument">
+                                <label class="form-label">📄 Использовать готовый документ (Артефакт):</label>
+                                <select class="form-select" id="broadcastArtifactDocument">
                                     <option value="">-- Не выбрано (или загрузить новое) --</option>
                                     {% for a in artifacts if a.file_type == 'document' %}
                                     <option value="{{ a.file_id }}">{{ a.filename }}</option>
diff --git a/web/templates/dashboard.html b/web/templates/dashboard.html
index b0cc514..cc1842a 100644
--- a/web/templates/dashboard.html
+++ b/web/templates/dashboard.html
@@ -1,38 +1,41 @@
 {% extends "base.html" %}
 
-{% block title %}LKM37 Dashboard{% endblock %}
+{% block title %}Дашборд - МКД ЛенКом 37{% endblock %}
 {% block nav_dashboard %}active{% endblock %}
 
 {% block content %}
-<div class="row mb-4">
+<div class="row mb-3">
     <div class="col">
-        <h2 style="color: var(--matrix-green); text-shadow: 0 0 10px var(--matrix-green);">
-            >_ ТЕРМИНАЛ_УПРАВЛЕНИЯ_ЛКМ37
-        </h2>
+        <h4 class="mb-1" style="font-size: 16px; font-weight: bold;">Панель управления МКД ЛенКом 37</h4>
+        <div class="small text-muted">Сводные показатели системы и текущий статус сервисов</div>
     </div>
 </div>
 
-<div class="row g-4">
+<div class="row g-3">
     <!-- КАРТОЧКА: ЖИЛЬЦЫ -->
     <div class="col-md-3">
         <div class="card h-100">
+            <div class="card-header">ЖИЛЬЦЫ</div>
             <div class="card-body text-center">
-                <i class="bi bi-people-fill display-4 mb-2"></i>
-                <h5 class="card-title opacity-50">СУБЪЕКТЫ</h5>
-                <h2 class="display-6">{{ users_count }}</h2>
+                <i class="bi bi-people mb-2" style="font-size: 28px; color: #555555;"></i>
+                <div class="small text-muted">Всего зарегистрировано</div>
+                <div style="font-size: 24px; font-weight: bold; margin-top: 4px;">{{ users_count }}</div>
             </div>
         </div>
     </div>
 
     <!-- КАРТОЧКА: ВЕРИФИКАЦИЯ -->
     <div class="col-md-3">
-        <div class="card h-100 {% if pending_count > 0 %}border-danger shadow-danger{% endif %}">
+        <div class="card h-100">
+            <div class="card-header">ВЕРИФИКАЦИЯ</div>
             <div class="card-body text-center">
-                <i class="bi bi-shield-lock-fill display-4 mb-2"></i>
-                <h5 class="card-title opacity-50">ВЕРИФИКАЦИЯ</h5>
-                <h2 class="display-6">{{ pending_count }}</h2>
+                <i class="bi bi-shield-lock mb-2" style="font-size: 28px; color: #555555;"></i>
+                <div class="small text-muted">Заявок на проверку</div>
+                <div style="font-size: 24px; font-weight: bold; margin-top: 4px;">{{ pending_count }}</div>
                 {% if pending_count > 0 %}
-                <span class="badge bg-danger">ТРЕБУЕТ ВНИМАНИЯ</span>
+                <div class="mt-2">
+                    <span class="badge-status badge-danger">ТРЕБУЕТ ВНИМАНИЯ</span>
+                </div>
                 {% endif %}
             </div>
         </div>
@@ -40,54 +43,79 @@
 
     <!-- КАРТОЧКА: ОБЪЯВЛЕНИЯ -->
     <div class="col-md-3">
-        <div class="card h-100 border-warning">
+        <div class="card h-100">
+            <div class="card-header">ОБЪЯВЛЕНИЯ</div>
             <div class="card-body text-center">
-                <i class="bi bi-shop display-4 mb-2"></i>
-                <h5 class="card-title opacity-50">МАРКЕТ</h5>
-                <h2 class="display-6 text-warning">{{ active_ads }}</h2>
+                <i class="bi bi-shop mb-2" style="font-size: 28px; color: #555555;"></i>
+                <div class="small text-muted">Активные публикации</div>
+                <div style="font-size: 24px; font-weight: bold; margin-top: 4px;">{{ active_ads }}</div>
             </div>
         </div>
     </div>
 
     <!-- КАРТОЧКА: АКТИВНОСТЬ -->
     <div class="col-md-3">
-        <div class="card h-100 border-cyan">
+        <div class="card h-100">
+            <div class="card-header">СООБЩЕНИЯ</div>
             <div class="card-body text-center">
-                <i class="bi bi-activity display-4 mb-2"></i>
-                <h5 class="card-title opacity-50">СООБЩЕНИЯ</h5>
-                <h2 class="display-6" style="color: var(--matrix-cyan);">{{ messages_count }}</h2>
+                <i class="bi bi-activity mb-2" style="font-size: 28px; color: #555555;"></i>
+                <div class="small text-muted">Активность чата</div>
+                <div style="font-size: 24px; font-weight: bold; margin-top: 4px;">{{ messages_count }}</div>
             </div>
         </div>
     </div>
 </div>
 
-<div class="row mt-4">
+<div class="row mt-3 g-3">
     <div class="col-md-8">
-        <div class="card">
-            <div class="card-header">СИСТЕМНЫЙ_СТАТУС</div>
+        <div class="card h-100">
+            <div class="card-header">СИСТЕМНЫЙ СТАТУС</div>
             <div class="card-body">
-                <div class="p-3 bg-black border border-success font-monospace small">
-                    [OK] Database: PostgreSQL (Synology NAS)<br>
-                    [OK] Telegram: @lkmthreeseven_bot<br>
-                    [OK] Proxy: Active (127.0.0.1:10808)<br>
-                    [OK] Node: {{ username }}@server<br>
-                    <hr class="border-success">
-                    [INFO] Всего верифицировано: {{ verified_count }} жильцов.<br>
-                    [INFO] Активных опросов: {{ active_polls }}<br>
-                    [INFO] Предстоящих событий: {{ upcoming_events }}
-                </div>
+                <table class="table mb-0">
+                    <tbody>
+                        <tr>
+                            <td style="width: 220px; font-weight: bold;">База данных:</td>
+                            <td>PostgreSQL (Synology NAS 192.168.10.105:5433) <span class="badge-status badge-success">OK</span></td>
+                        </tr>
+                        <tr>
+                            <td style="font-weight: bold;">Telegram-бот:</td>
+                            <td>@lkmthreeseven_bot (DomovoyKontrolBot) <span class="badge-status badge-success">ONLINE</span></td>
+                        </tr>
+                        <tr>
+                            <td style="font-weight: bold;">Юридический модуль:</td>
+                            <td>Google NotebookLM (аккаунт corteskelsey814, 14 источников) <span class="badge-status badge-success">READY</span></td>
+                        </tr>
+                        <tr>
+                            <td style="font-weight: bold;">Текущий узел:</td>
+                            <td>{{ username }}@DockerServer (192.168.10.116)</td>
+                        </tr>
+                        <tr>
+                            <td style="font-weight: bold;">Верифицировано жильцов:</td>
+                            <td>{{ verified_count }} чел.</td>
+                        </tr>
+                        <tr>
+                            <td style="font-weight: bold;">Активных опросов:</td>
+                            <td>{{ active_polls }}</td>
+                        </tr>
+                        <tr>
+                            <td style="font-weight: bold;">Предстоящих событий:</td>
+                            <td>{{ upcoming_events }}</td>
+                        </tr>
+                    </tbody>
+                </table>
             </div>
         </div>
     </div>
     
     <div class="col-md-4">
-        <div class="card">
-            <div class="card-header">БЫСТРЫЕ_ДЕЙСТВИЯ</div>
-            <div class="card-body">
-                <a href="/broadcast" class="btn btn-matrix w-100 mb-2">НОВАЯ РАССЫЛКА</a>
-                <a href="/verification" class="btn btn-outline-success w-100 btn-sm mb-2">ПРОВЕРИТЬ ЗАЯВКИ</a>
-                <form action="/api/digest/generate" method="post">
-                    <button type="submit" class="btn btn-outline-info w-100 btn-sm">ДАЙДЖЕСТ (ТЕСТ)</button>
+        <div class="card h-100">
+            <div class="card-header">ДЕЙСТВИЯ</div>
+            <div class="card-body d-flex flex-column gap-2">
+                <a href="/broadcast" class="btn-unix btn-unix-primary text-center">Новая рассылка</a>
+                <a href="/verification" class="btn-unix text-center">Проверить заявки жильцов</a>
+                <a href="/legal" class="btn-unix text-center">База законов и NotebookLM</a>
+                <form action="/api/digest/generate" method="post" class="mt-auto">
+                    <button type="submit" class="btn-unix w-100">Тестовая генерация дайджеста</button>
                 </form>
             </div>
         </div>
diff --git a/web/templates/digest_settings.html b/web/templates/digest_settings.html
index 95dc6d9..248fd84 100644
--- a/web/templates/digest_settings.html
+++ b/web/templates/digest_settings.html
@@ -1,108 +1,98 @@
 {% extends "base.html" %}
 
-{% block title %}Настройки дайджеста - Домовой Бот{% endblock %}
-
-{% block nav_digest_settings %}active{% endblock %}
-
-{% block extra_style %}
-<style>
-    .digest-settings-container { max-width: 900px; }
-    .digest-header { background: linear-gradient(135deg, var(--color-primary) 0%, rgba(10, 10, 15, 0.7) 100%); border: 1px solid var(--panel-border); color: white; padding: 30px; border-radius: 16px; margin-bottom: 30px; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 4px 20px rgba(0,0,0,0.3); }
-    .digest-header h1 { font-size: 2em; margin-bottom: 10px; text-shadow: 0 0 10px var(--color-primary-glow); }
-    .digest-back-link { color: var(--color-success); text-decoration: none; opacity: 0.9; transition: var(--transition-smooth); }
-    .digest-back-link:hover { opacity: 1; text-shadow: 0 0 8px var(--color-success-glow); }
-    .digest-card { background: var(--panel-bg); border: 1px solid var(--panel-border); padding: 25px; border-radius: 16px; margin-bottom: 20px; box-shadow: 0 4px 20px rgba(0,0,0,0.2); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transition: var(--transition-smooth); }
-    .digest-card:hover { border-color: var(--panel-border-hover); background: var(--panel-bg-hover); }
-    .digest-card h3 { margin-bottom: 15px; color: var(--color-success); text-shadow: 0 0 5px var(--color-success-glow); }
-    .digest-form-group { margin-bottom: 20px; }
-    .digest-form-group label { display: block; margin-bottom: 5px; font-weight: 500; color: var(--color-text-main); }
-    .digest-form-group input[type="time"], .digest-form-group select { width: 100%; padding: 10px; border: 1px solid var(--panel-border); border-radius: 8px; background: rgba(0, 0, 0, 0.3); color: var(--color-text-main); font-size: 1em; transition: var(--transition-smooth); }
-    .digest-form-group input[type="time"]:focus, .digest-form-group select:focus { outline: none; border-color: var(--color-primary); box-shadow: 0 0 8px var(--color-primary-glow); }
-    .digest-checkbox-group { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; color: var(--color-text-main); }
-    .digest-checkbox-group input[type="checkbox"] { width: 20px; height: 20px; accent-color: var(--color-success); cursor: pointer; }
-    .digest-btn { padding: 12px 24px; border: none; border-radius: 8px; cursor: pointer; font-size: 1em; background: var(--color-success); color: #000; font-weight: 600; transition: var(--transition-smooth); }
-    .digest-btn:hover { background: #00cca3; box-shadow: 0 0 10px var(--color-success-glow); }
-</style>
-{% endblock %}
+{% block title %}Настройки дайджеста - МКД ЛенКом 37{% endblock %}
+{% block nav_digests %}active{% endblock %}
 
 {% block content %}
-<div class="digest-settings-container">
-    <div class="digest-header">
-        <a href="/digests" class="digest-back-link">← Назад к дайджестам</a>
-        <h1>⚙️ Настройки дайджеста</h1>
+<div class="d-flex justify-content-between align-items-center mb-3">
+    <div>
+        <h4 class="mb-1" style="font-size: 16px; font-weight: bold;">Настройки генерации дайджеста</h4>
+        <div class="small text-muted">Конфигурация автоматического сбора событий и публикации</div>
     </div>
+    <div>
+        <a href="/digests" class="btn-unix">← Назад к дайджестам</a>
+    </div>
+</div>
 
-    <div class="digest-card">
-        <h3>📅 Расписание</h3>
-        <div class="digest-form-group">
-            <label>Автоматическая генерация</label>
-            <div class="digest-checkbox-group">
-                <input type="checkbox" id="autoGenerate" checked>
-                <label for="autoGenerate">Включено (каждое воскресенье в 19:00)</label>
+<div class="row g-3" style="max-width: 900px;">
+    <div class="col-12">
+        <div class="card">
+            <div class="card-header">РАСПИСАНИЕ И АВТОМАТИЗАЦИЯ</div>
+            <div class="card-body">
+                <div class="form-check mb-2">
+                    <input class="form-check-input" type="checkbox" id="autoGenerate" checked>
+                    <label class="form-check-label" for="autoGenerate">
+                        <b>Автоматическая генерация:</b> каждое воскресенье в 19:00 (время Ульяновск)
+                    </label>
+                </div>
             </div>
         </div>
-        <div class="digest-form-group">
-            <label>Время генерации</label>
-            <input type="time" value="19:00" disabled>
+    </div>
+
+    <div class="col-12">
+        <div class="card">
+            <div class="card-header">РАЗДЕЛЫ ДАЙДЖЕСТА</div>
+            <div class="card-body">
+                <div class="form-check mb-2">
+                    <input class="form-check-input" type="checkbox" id="includeEvents" checked>
+                    <label class="form-check-label" for="includeEvents">События и встречи дома</label>
+                </div>
+                <div class="form-check mb-2">
+                    <input class="form-check-input" type="checkbox" id="includePolls" checked>
+                    <label class="form-check-label" for="includePolls">Опросы и голосования собственников</label>
+                </div>
+                <div class="form-check mb-2">
+                    <input class="form-check-input" type="checkbox" id="includeAds" checked>
+                    <label class="form-check-label" for="includeAds">Доска объявлений</label>
+                </div>
+                <div class="form-check mb-2">
+                    <input class="form-check-input" type="checkbox" id="includeTopUsers" checked>
+                    <label class="form-check-label" for="includeTopUsers">Топ активных жильцов</label>
+                </div>
+                <div class="form-check mb-2">
+                    <input class="form-check-input" type="checkbox" id="includeSchedule" checked>
+                    <label class="form-check-label" for="includeSchedule">График плановых отключений ЖКХ</label>
+                </div>
+                <div class="form-check mb-2">
+                    <input class="form-check-input" type="checkbox" id="includeVerifications" checked>
+                    <label class="form-check-label" for="includeVerifications">Статистика новых верификаций</label>
+                </div>
+                <div class="form-check">
+                    <input class="form-check-input" type="checkbox" id="includeStats" checked>
+                    <label class="form-check-label" for="includeStats">Сводная статистика активности чата</label>
+                </div>
+            </div>
         </div>
     </div>
 
-    <div class="digest-card">
-        <h3>📊 Содержимое дайджеста</h3>
-        <div class="digest-checkbox-group">
-            <input type="checkbox" id="includeEvents" checked>
-            <label for="includeEvents">🔔 События</label>
-        </div>
-        <div class="digest-checkbox-group">
-            <input type="checkbox" id="includePolls" checked>
-            <label for="includePolls">📊 Опросы</label>
-        </div>
-        <div class="digest-checkbox-group">
-            <input type="checkbox" id="includeAds" checked>
-            <label for="includeAds">📢 Объявления</label>
-        </div>
-        <div class="digest-checkbox-group">
-            <input type="checkbox" id="includeTopUsers" checked>
-            <label for="includeTopUsers">🏆 Топ активных жильцов</label>
-        </div>
-        <div class="digest-checkbox-group">
-            <input type="checkbox" id="includeSchedule" checked>
-            <label for="includeSchedule">⏰ Запланированные отключения</label>
-        </div>
-        <div class="digest-checkbox-group">
-            <input type="checkbox" id="includeVerifications" checked>
-            <label for="includeVerifications">✅ Верификации</label>
-        </div>
-        <div class="digest-checkbox-group">
-            <input type="checkbox" id="includeStats" checked>
-            <label for="includeStats">📈 Статистика чата</label>
+    <div class="col-12">
+        <div class="card">
+            <div class="card-header">РЕЖИМ ПУБЛИКАЦИИ</div>
+            <div class="card-body">
+                <div class="form-check mb-2">
+                    <input class="form-check-input" type="checkbox" id="sendPreview" checked>
+                    <label class="form-check-label" for="sendPreview">Отправлять превью председателю на утверждение перед рассылкой</label>
+                </div>
+                <div class="form-check mb-2">
+                    <input class="form-check-input" type="checkbox" id="autoSend">
+                    <label class="form-check-label" for="autoSend">Публиковать напрямую без ручного подтверждения</label>
+                </div>
+                <div class="form-check">
+                    <input class="form-check-input" type="checkbox" id="saveArchive" checked>
+                    <label class="form-check-label" for="saveArchive">Сохранять выпуск в архив базы данных</label>
+                </div>
+            </div>
         </div>
     </div>
 
-    <div class="digest-card">
-        <h3>📬 Отправка</h3>
-        <div class="digest-checkbox-group">
-            <input type="checkbox" id="sendPreview" checked>
-            <label for="sendPreview">Отправлять превью админу для утверждения</label>
-        </div>
-        <div class="digest-checkbox-group">
-            <input type="checkbox" id="autoSend">
-            <label for="autoSend">Публиковать автоматически (без утверждения)</label>
-        </div>
-        <div class="digest-checkbox-group">
-            <input type="checkbox" id="saveArchive" checked>
-            <label for="saveArchive">Сохранять в архив</label>
-        </div>
+    <div class="col-12">
+        <button class="btn-unix btn-unix-primary" onclick="saveSettings()">Сохранить настройки</button>
     </div>
-
-    <button class="digest-btn" onclick="saveSettings()">💾 Сохранить настройки</button>
 </div>
-{% endblock %}
 
-{% block extra_script %}
 <script>
 function saveSettings() {
-    alert('✅ Настройки сохранены!');
+    alert('Настройки успешно сохранены');
 }
 </script>
 {% endblock %}
diff --git a/web/templates/digests.html b/web/templates/digests.html
index 8f24c71..fd9a2c5 100644
--- a/web/templates/digests.html
+++ b/web/templates/digests.html
@@ -1,275 +1,250 @@
 {% extends "base.html" %}
 
-{% block title %}Еженедельные дайджесты - Домовой Бот{% endblock %}
-
+{% block title %}Еженедельные дайджесты - МКД ЛенКом 37{% endblock %}
 {% block nav_digests %}active{% endblock %}
 
-{% block extra_style %}
-* { margin: 0; padding: 0; box-sizing: border-box; }
-{% endblock %}
-
 {% block content %}
-<style>
-        .container { max-width: 1400px; margin: 0 auto; padding: 20px; }
-        .header { background: linear-gradient(135deg, var(--color-primary) 0%, rgba(10, 10, 15, 0.7) 100%); border: 1px solid var(--panel-border); color: white; padding: 30px; border-radius: 16px; margin-bottom: 30px; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 4px 20px rgba(0,0,0,0.3); }
-        .header h1 { font-size: 2em; margin-bottom: 10px; text-shadow: 0 0 10px var(--color-primary-glow); }
-        .back-link { color: var(--color-success); text-decoration: none; opacity: 0.9; }
-        .back-link:hover { opacity: 1; text-shadow: 0 0 8px var(--color-success-glow); }
-        .tabs { display: flex; gap: 10px; margin-bottom: 20px; }
-        .tab { padding: 12px 24px; background: rgba(255, 255, 255, 0.05); color: var(--color-text-muted); border: 1px solid var(--panel-border); border-radius: 8px 8px 0 0; cursor: pointer; font-size: 1em; transition: var(--transition-smooth); }
-        .tab:hover { color: var(--color-text-main); background: rgba(255, 255, 255, 0.08); }
-        .tab.active { background: var(--color-primary); color: white; border-color: var(--color-primary); box-shadow: 0 0 10px var(--color-primary-glow); }
-        .tab-content { display: none; }
-        .tab-content.active { display: block; }
-        .pending-card { background: var(--panel-bg); padding: 25px; border-radius: 16px; margin-bottom: 20px; box-shadow: 0 4px 20px rgba(0,0,0,0.2); border: 1px solid var(--panel-border); border-left: 5px solid var(--color-primary); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transition: var(--transition-smooth); }
-        .pending-card:hover { border-color: var(--panel-border-hover); background: var(--panel-bg-hover); }
-        .pending-card h3 { color: var(--color-success); margin-bottom: 10px; text-shadow: 0 0 5px var(--color-success-glow); }
-        .pending-card .meta { color: var(--color-text-muted); font-size: 0.9em; margin-bottom: 15px; }
-        .pending-card .text { background: rgba(0, 0, 0, 0.3); color: var(--color-text-main); border: 1px solid var(--panel-border); padding: 15px; border-radius: 8px; margin: 15px 0; white-space: pre-wrap; max-height: 300px; overflow-y: auto; font-family: var(--font-mono); }
-        .btn { padding: 10px 20px; border: none; border-radius: 8px; cursor: pointer; font-size: 0.95em; margin-right: 10px; transition: var(--transition-smooth); }
-        .btn-approve { background: var(--color-success); color: #000; font-weight: 600; }
-        .btn-approve:hover { background: #00cca3; box-shadow: 0 0 10px var(--color-success-glow); }
-        .btn-reject { background: var(--color-danger); color: white; }
-        .btn-reject:hover { background: #e0244a; box-shadow: 0 0 10px var(--color-danger-glow); }
-        .btn-edit { background: var(--color-warning); color: #000; font-weight: 600; }
-        .btn-edit:hover { background: #d99800; box-shadow: 0 0 10px var(--color-warning-glow); }
-        .btn-send { background: var(--color-info); color: #000; font-weight: 600; }
-        .btn-send:hover { background: #0099cc; box-shadow: 0 0 10px var(--color-info-glow); }
-        table { width: 100%; background: var(--panel-bg); border-radius: 16px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.2); border: 1px solid var(--panel-border); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
-        th { background: rgba(138, 43, 226, 0.2); color: var(--color-success); padding: 15px; text-align: left; border-bottom: 2px solid var(--panel-border); font-weight: 600; text-transform: uppercase; font-size: 0.85em; letter-spacing: 0.5px; }
-        td { padding: 15px; border-bottom: 1px solid var(--panel-border); color: var(--color-text-main); }
-        tr:hover { background: rgba(255, 255, 255, 0.02); }
-        .badge { display: inline-block; padding: 4px 8px; border-radius: 6px; font-size: 0.85em; font-weight: 500; border: 1px solid transparent; }
-        .badge-pending { background: rgba(255, 179, 0, 0.15); color: var(--color-warning); border-color: var(--color-warning); }
-        .badge-approved { background: rgba(0, 255, 204, 0.15); color: var(--color-success); border-color: var(--color-success); }
-        .badge-rejected { background: rgba(255, 45, 85, 0.15); color: var(--color-danger); border-color: var(--color-danger); }
-        .badge-sent { background: rgba(0, 191, 255, 0.15); color: var(--color-info); border-color: var(--color-info); }
-        .modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 1000; backdrop-filter: blur(8px); }
-        .modal.active { display: flex; align-items: center; justify-content: center; }
-        .modal-content { background: var(--bg-main); border: 1px solid var(--panel-border); color: var(--color-text-main); padding: 30px; border-radius: 16px; max-width: 900px; width: 90%; max-height: 80vh; overflow-y: auto; box-shadow: 0 8px 32px rgba(0,0,0,0.5), 0 0 15px var(--color-primary-glow); }
-        .modal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; border-bottom: 1px solid var(--panel-border); padding-bottom: 15px; }
-        .close-btn { background: none; border: none; font-size: 1.5em; cursor: pointer; color: var(--color-text-muted); }
-        .close-btn:hover { color: var(--color-text-main); }
-        textarea { width: 100%; min-height: 300px; padding: 15px; border: 1px solid var(--panel-border); border-radius: 8px; background: rgba(0, 0, 0, 0.3); color: var(--color-text-main); font-family: var(--font-mono); font-size: 0.95em; transition: var(--transition-smooth); }
-        textarea:focus { outline: none; border-color: var(--color-primary); box-shadow: 0 0 8px var(--color-primary-glow); }
-    </style>
-</head>
-<body>
-    <div class="container">
-        <div class="header">
-            <a href="/" class="back-link">← На главную</a>
-            <h1>📰 Еженедельные дайджесты</h1>
-            <p>Утверждение, редактирование и архив</p>
-        </div>
+<div class="d-flex justify-content-between align-items-center mb-3">
+    <div>
+        <h4 class="mb-1" style="font-size: 16px; font-weight: bold;">Еженедельные дайджесты дома</h4>
+        <div class="small text-muted">Утверждение проектов, ручная корректировка и архив публикаций</div>
+    </div>
+    <div>
+        <button class="btn-unix btn-unix-primary" onclick="generateNow()">
+            <i class="bi bi-arrow-repeat"></i> Сгенерировать сейчас
+        </button>
+    </div>
+</div>
 
-        <div class="tabs">
-            <button class="tab active" onclick="showTab('pending')">⏳ Ожидают утверждения</button>
-            <button class="tab" onclick="showTab('archive')">📚 Архив</button>
-        </div>
+<div class="d-flex gap-2 mb-3">
+    <button class="btn-unix active" id="tabBtnPending" onclick="showTab('pending')">Ожидают утверждения ({{ pending_digests|length }})</button>
+    <button class="btn-unix" id="tabBtnArchive" onclick="showTab('archive')">Архив дайджестов</button>
+</div>
 
-        <div id="pending" class="tab-content active">
-            {% if pending_digests|length > 0 %}
-                {% for digest in pending_digests %}
-                <div class="pending-card">
-                    <h3>📰 Дайджест #{{ digest.week_number }}/{{ digest.year }}</h3>
-                    <div class="meta">
-                        Период: {{ digest.period_label }} | Создан: {{ digest.created_at }} | Статус: <span class="badge badge-pending">{{ digest.status_emoji }} {{ digest.status }}</span>
-                    </div>
-                    <div class="text">{{ digest.digest_text }}</div>
-                    <div style="margin-top: 15px;">
-                        <button class="btn btn-approve" onclick="approveDigest({{ digest.id }})">✅ Утвердить</button>
-                        <button class="btn btn-edit" onclick="editDigest({{ digest.id }})">✏️ Редактировать</button>
-                        <button class="btn btn-reject" onclick="rejectDigest({{ digest.id }})">❌ Отклонить</button>
-                        <button class="btn btn-send" onclick="sendDigest({{ digest.id }})" id="sendBtn{{ digest.id }}" style="display:none;">📨 Отправить</button>
-                    </div>
+<!-- ВКЛАДКА: НА УТВЕРЖДЕНИИ -->
+<div id="pending" class="tab-content-panel">
+    {% if pending_digests|length > 0 %}
+        {% for digest in pending_digests %}
+        <div class="card mb-3">
+            <div class="card-header d-flex justify-content-between align-items-center">
+                <span>Дайджест #{{ digest.week_number }}/{{ digest.year }} (Период: {{ digest.period_label }})</span>
+                <span class="badge-status badge-warning">{{ digest.status_emoji }} {{ digest.status.upper() }}</span>
+            </div>
+            <div class="card-body">
+                <div class="small text-muted mb-2">Создан: {{ digest.created_at }}</div>
+                <pre style="white-space: pre-wrap; max-height: 250px; background-color: #ffffff; border: 1px solid var(--border-color);">{{ digest.digest_text }}</pre>
+                <div class="d-flex gap-2 mt-3">
+                    <button class="btn-unix btn-unix-primary" onclick="approveDigest({{ digest.id }})">Утвердить</button>
+                    <button class="btn-unix" onclick="editDigest({{ digest.id }})">Редактировать</button>
+                    <button class="btn-unix" onclick="rejectDigest({{ digest.id }})">Отклонить</button>
+                    <button class="btn-unix" onclick="sendDigest({{ digest.id }})" id="sendBtn{{ digest.id }}" style="display:none;">Отправить жильцам</button>
                 </div>
-                {% endfor %}
-            {% else %}
-                <div style="text-align: center; padding: 50px; background: white; border-radius: 8px;">
-                    <h2>📭 Нет ожидающих утверждения дайджестов</h2>
-                    <p style="margin-top: 10px;">Следующий дайджест будет сгенерирован в воскресенье в 09:00</p>
-                    <button class="btn btn-send" style="margin-top: 20px;" onclick="generateNow()">🔄 Сгенерировать сейчас</button>
-                </div>
-            {% endif %}
-        </div>
-
-        <div id="archive" class="tab-content">
-            {% if archive_digests|length > 0 %}
-            <table>
-                <thead>
-                    <tr>
-                        <th>Неделя</th>
-                        <th>Период</th>
-                        <th>Статус</th>
-                        <th>Отправлен</th>
-                        <th>Действия</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    {% for digest in archive_digests %}
-                    <tr>
-                        <td>#{{ digest.week_number }}/{{ digest.year }}</td>
-                        <td>{{ digest.period_label }}</td>
-                        <td><span class="badge badge-{{ digest.status }}">{{ digest.status_emoji }} {{ digest.status }}</span></td>
-                        <td>{{ digest.sent_at }}</td>
-                        <td>
-                            <button class="btn btn-edit" onclick="viewDigest({{ digest.id }})">👁️ Просмотр</button>
-                        </td>
-                    </tr>
-                    {% endfor %}
-                </tbody>
-            </table>
-            {% else %}
-            <div style="text-align: center; padding: 50px; background: white; border-radius: 8px;">
-                <h2>📚 Архив пуст</h2>
-                <p style="margin-top: 10px;">Здесь будут отображаться все дайджесты</p>
             </div>
-            {% endif %}
         </div>
-    </div>
+        {% endfor %}
+    {% else %}
+        <div class="card p-4 text-center">
+            <div class="mb-2"><i class="bi bi-inbox text-muted" style="font-size: 32px;"></i></div>
+            <div style="font-weight: bold;">Нет дайджестов, ожидающих утверждения</div>
+            <div class="small text-muted mt-1">Автоматическая генерация запускается по расписанию каждое воскресенье в 19:00</div>
+        </div>
+    {% endif %}
+</div>
 
-    <!-- Модальное окно для редактирования -->
-    <div id="editModal" class="modal">
-        <div class="modal-content">
-            <div class="modal-header">
-                <h2>✏️ Редактирование дайджеста</h2>
-                <button class="close-btn" onclick="closeEditModal()">&times;</button>
-            </div>
-            <textarea id="editText"></textarea>
-            <div style="margin-top: 15px;">
-                <button class="btn btn-approve" onclick="saveEdit()">💾 Сохранить</button>
-                <button class="btn btn-reject" onclick="closeEditModal()">Отмена</button>
+<!-- ВКЛАДКА: АРХИВ -->
+<div id="archive" class="tab-content-panel" style="display: none;">
+    {% if archive_digests|length > 0 %}
+    <div class="card">
+        <div class="card-header">АРХИВ ВЫПУСКОВ</div>
+        <div class="card-body p-0">
+            <div class="table-responsive">
+                <table class="table mb-0">
+                    <thead>
+                        <tr>
+                            <th style="width: 120px;">Выпуск</th>
+                            <th>Период</th>
+                            <th style="width: 140px;">Статус</th>
+                            <th style="width: 180px;">Отправлен</th>
+                            <th style="width: 100px;">Действия</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {% for digest in archive_digests %}
+                        <tr>
+                            <td><b>#{{ digest.week_number }}/{{ digest.year }}</b></td>
+                            <td>{{ digest.period_label }}</td>
+                            <td>
+                                <span class="badge-status {% if digest.status == 'approved' or digest.status == 'sent' %}badge-success{% elif digest.status == 'rejected' %}badge-danger{% else %}badge-warning{% endif %}">
+                                    {{ digest.status_emoji }} {{ digest.status }}
+                                </span>
+                            </td>
+                            <td>{{ digest.sent_at or '—' }}</td>
+                            <td>
+                                <button class="btn-unix" onclick="viewDigest({{ digest.id }})">Открыть</button>
+                            </td>
+                        </tr>
+                        {% endfor %}
+                    </tbody>
+                </table>
             </div>
         </div>
     </div>
+    {% else %}
+    <div class="card p-4 text-center">
+        <div class="small text-muted">Архив пока пуст</div>
+    </div>
+    {% endif %}
+</div>
 
-    <!-- Модальное окно для просмотра -->
-    <div id="viewModal" class="modal">
-        <div class="modal-content">
-            <div class="modal-header">
-                <h2 id="viewTitle">📰 Дайджест</h2>
-                <button class="close-btn" onclick="closeViewModal()">&times;</button>
+<!-- Модальное окно для редактирования -->
+<div id="editModal" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 1050; align-items: center; justify-content: center;">
+    <div class="card" style="width: 90%; max-width: 800px; max-height: 90vh; overflow-y: auto; margin: 40px auto; border: 2px solid var(--border-color);">
+        <div class="card-header d-flex justify-content-between align-items-center">
+            <span>РЕДАКТИРОВАНИЕ ДАЙДЖЕСТА</span>
+            <button class="btn-unix" onclick="closeEditModal()">&times;</button>
+        </div>
+        <div class="card-body">
+            <textarea id="editText" class="form-control" style="width: 100%; min-height: 350px; font-family: inherit; font-size: 12px;"></textarea>
+            <div class="d-flex gap-2 mt-3">
+                <button class="btn-unix btn-unix-primary" onclick="saveEdit()">Сохранить изменения</button>
+                <button class="btn-unix" onclick="closeEditModal()">Отмена</button>
             </div>
-            <div id="viewText" style="background: #f8f9fa; padding: 15px; border-radius: 5px; white-space: pre-wrap;"></div>
         </div>
     </div>
+</div>
 
-    <script>
-        let currentDigestId = null;
+<!-- Модальное окно для просмотра -->
+<div id="viewModal" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 1050; align-items: center; justify-content: center;">
+    <div class="card" style="width: 90%; max-width: 800px; max-height: 90vh; overflow-y: auto; margin: 40px auto; border: 2px solid var(--border-color);">
+        <div class="card-header d-flex justify-content-between align-items-center">
+            <span id="viewTitle">ПРОСМОТР ДАЙДЖЕСТА</span>
+            <button class="btn-unix" onclick="closeViewModal()">&times;</button>
+        </div>
+        <div class="card-body">
+            <pre id="viewText" style="white-space: pre-wrap; background-color: #ffffff; border: 1px solid var(--border-color);"></pre>
+            <div class="mt-3">
+                <button class="btn-unix" onclick="closeViewModal()">Закрыть</button>
+            </div>
+        </div>
+    </div>
+</div>
 
-        function showTab(tabName) {
-            document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));
-            document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));
-            
-            event.target.classList.add('active');
-            document.getElementById(tabName).classList.add('active');
-        }
+<script>
+let currentDigestId = null;
 
-        function approveDigest(id) {
-            if (confirm('Утвердить этот дайджест?')) {
-                fetch(`/api/digest/${id}/approve`, { method: 'POST' })
-                    .then(r => r.json())
-                    .then(data => {
-                        alert(data.message);
-                        // Показываем кнопку "Отправить"
-                        document.getElementById(`sendBtn${id}`).style.display = 'inline-block';
-                        location.reload();
-                    });
-            }
-        }
+function showTab(tabName) {
+    document.getElementById('pending').style.display = tabName === 'pending' ? 'block' : 'none';
+    document.getElementById('archive').style.display = tabName === 'archive' ? 'block' : 'none';
+    document.getElementById('tabBtnPending').className = tabName === 'pending' ? 'btn-unix active' : 'btn-unix';
+    document.getElementById('tabBtnArchive').className = tabName === 'archive' ? 'btn-unix active' : 'btn-unix';
+}
 
-        function rejectDigest(id) {
-            const reason = prompt('Причина отклонения:');
-            if (reason) {
-                fetch(`/api/digest/${id}/reject`, {
-                    method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({ reason: reason })
-                })
-                .then(r => r.json())
-                .then(data => {
-                    alert(data.message);
-                    location.reload();
-                });
-            }
-        }
-
-        function editDigest(id) {
-            currentDigestId = id;
-            fetch(`/api/digest/${id}`)
-                .then(r => r.json())
-                .then(data => {
-                    document.getElementById('editText').value = data.digest.text;
-                    document.getElementById('editModal').classList.add('active');
-                });
-        }
-
-        function saveEdit() {
-            const newText = document.getElementById('editText').value;
-            fetch(`/api/digest/${currentDigestId}/update_text`, {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ text: newText })
-            })
+function approveDigest(id) {
+    if (confirm('Утвердить этот дайджест?')) {
+        fetch(`/api/digest/${id}/approve`, { method: 'POST' })
             .then(r => r.json())
             .then(data => {
                 alert(data.message);
-                closeEditModal();
+                const sendBtn = document.getElementById(`sendBtn${id}`);
+                if (sendBtn) sendBtn.style.display = 'inline-block';
                 location.reload();
             });
-        }
+    }
+}
 
-        function closeEditModal() {
-            document.getElementById('editModal').classList.remove('active');
-        }
+function rejectDigest(id) {
+    const reason = prompt('Причина отклонения:');
+    if (reason) {
+        fetch(`/api/digest/${id}/reject`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ reason: reason })
+        })
+        .then(r => r.json())
+        .then(data => {
+            alert(data.message);
+            location.reload();
+        });
+    }
+}
 
-        function viewDigest(id) {
-            fetch(`/api/digest/${id}`)
-                .then(r => r.json())
-                .then(data => {
-                    document.getElementById('viewTitle').textContent = `📰 Дайджест #${data.digest.week}/${data.digest.year}`;
-                    document.getElementById('viewText').textContent = data.digest.text;
-                    document.getElementById('viewModal').classList.add('active');
-                });
-        }
+function editDigest(id) {
+    currentDigestId = id;
+    fetch(`/api/digest/${id}`)
+        .then(r => r.json())
+        .then(data => {
+            document.getElementById('editText').value = data.digest.text;
+            document.getElementById('editModal').style.display = 'flex';
+        });
+}
 
-        function closeViewModal() {
-            document.getElementById('viewModal').classList.remove('active');
-        }
+function saveEdit() {
+    const newText = document.getElementById('editText').value;
+    fetch(`/api/digest/${currentDigestId}/update_text`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ text: newText })
+    })
+    .then(r => r.json())
+    .then(data => {
+        alert(data.message);
+        closeEditModal();
+        location.reload();
+    });
+}
 
-        function sendDigest(id) {
-            if (confirm('Отправить дайджест всем верифицированным жильцам?')) {
-                fetch(`/api/digest/${id}/send`, { method: 'POST' })
-                    .then(r => r.json())
-                    .then(data => {
-                        alert(data.message);
-                        location.reload();
-                    });
-            }
-        }
+function closeEditModal() {
+    document.getElementById('editModal').style.display = 'none';
+}
 
-        async function generateNow() {
-            const btn = event.target;
-            btn.disabled = true;
-            btn.textContent = '⏳ Генерация...';
-            
-            try {
-                const r = await fetch('/api/digest/generate', { method: 'POST' });
-                const result = await r.json();
-                
-                if (result.success) {
-                    alert('✅ ' + result.message);
-                    location.reload();
-                } else {
-                    alert('❌ Ошибка: ' + (result.error || 'Неизвестная'));
-                    btn.disabled = false;
-                    btn.textContent = '🔄 Сгенерировать сейчас';
-                }
-            } catch (err) {
-                alert('❌ Ошибка: ' + err.message);
-                btn.disabled = false;
-                btn.textContent = '🔄 Сгенерировать сейчас';
-            }
+function viewDigest(id) {
+    fetch(`/api/digest/${id}`)
+        .then(r => r.json())
+        .then(data => {
+            document.getElementById('viewTitle').textContent = `Дайджест #${data.digest.week}/${data.digest.year}`;
+            document.getElementById('viewText').textContent = data.digest.text;
+            document.getElementById('viewModal').style.display = 'flex';
+        });
+}
+
+function closeViewModal() {
+    document.getElementById('viewModal').style.display = 'none';
+}
+
+function sendDigest(id) {
+    if (confirm('Отправить дайджест всем верифицированным жильцам?')) {
+        fetch(`/api/digest/${id}/send`, { method: 'POST' })
+            .then(r => r.json())
+            .then(data => {
+                alert(data.message);
+                location.reload();
+            });
+    }
+}
+
+async function generateNow() {
+    const btn = event.target;
+    btn.disabled = true;
+    const oldText = btn.innerHTML;
+    btn.innerHTML = '⏳ Генерация...';
+    
+    try {
+        const r = await fetch('/api/digest/generate', { method: 'POST' });
+        const result = await r.json();
+        
+        if (result.success) {
+            alert('Успешно: ' + result.message);
+            location.reload();
+        } else {
+            alert('Ошибка: ' + (result.error || 'Неизвестная ошибка'));
+            btn.disabled = false;
+            btn.innerHTML = oldText;
         }
-    </script>
+    } catch (err) {
+        alert('Ошибка: ' + err.message);
+        btn.disabled = false;
+        btn.innerHTML = oldText;
+    }
+}
+</script>
 {% endblock %}
diff --git a/web/templates/emails.html b/web/templates/emails.html
index c8e496c..a3547d1 100644
--- a/web/templates/emails.html
+++ b/web/templates/emails.html
@@ -1,79 +1,72 @@
 {% extends "base.html" %}
 
-{% block title %}Email Audit - LKM37 Admin{% endblock %}
+{% block title %}Реестр писем и аудит - МКД ЛенКом 37{% endblock %}
 {% block nav_emails %}active{% endblock %}
 
 {% block content %}
-<!-- ЗАГОЛОВОК -->
-<div class="row mb-4">
-    <div class="col-md-8">
-        <h2 style="color: var(--matrix-green); text-shadow: 0 0 10px var(--matrix-green);">
-            >_ АУДИТ_ВЗАИМОДЕЙСТВИЯ_С_ОРГАНАМИ
-        </h2>
+<div class="d-flex justify-content-between align-items-center mb-3">
+    <div>
+        <h4 class="mb-1" style="font-size: 16px; font-weight: bold;">Реестр официальной переписки и судебный аудит</h4>
+        <div class="small text-muted">Архив писем, обращений и ответов надзорных органов дома № 37</div>
     </div>
-    <div class="col-md-4 text-end">
-        <span class="badge bg-success p-2">АВТОМАТИЗАЦИЯ_CRON: ACTIVE (04:00)</span>
+    <div>
+        <span class="badge-status badge-success">CRON: ACTIVE (04:00)</span>
     </div>
 </div>
 
-<!-- МИНИ-КАРТОЧКИ АНАЛИТИКИ (ВИДЖЕТЫ) -->
-<div class="row g-3 mb-4">
-    <!-- КАРТОЧКА 1: ВСЕГО ПИСЕМ -->
+<!-- МИНИ-КАРТОЧКИ АНАЛИТИКИ -->
+<div class="row g-3 mb-3">
     <div class="col-md-3">
-        <div class="card bg-dark border-success h-100 shadow">
+        <div class="card h-100">
+            <div class="card-header d-flex justify-content-between">
+                <span>ВСЕГО ПИСЕМ</span>
+                <i class="bi bi-envelope-open"></i>
+            </div>
             <div class="card-body">
-                <div class="d-flex justify-content-between align-items-center">
-                    <h6 class="text-success text-uppercase small font-monospace mb-0">>_ ВСЕГО_ПИСЕМ</h6>
-                    <i class="bi bi-envelope-open text-success fs-4"></i>
-                </div>
-                <h2 class="display-6 font-monospace my-2 text-white" id="statTotalEmails">{{ total_emails }}</h2>
-                <div class="small text-muted">
-                    Вх: <span id="statInboundEmails" class="text-success fw-bold">{{ total_inbound }}</span> / 
-                    Исх: <span id="statOutboundEmails" class="text-info fw-bold">{{ total_outbound }}</span>
+                <div style="font-size: 22px; font-weight: bold;" id="statTotalEmails">{{ total_emails }}</div>
+                <div class="small text-muted mt-1">
+                    Входящие: <b id="statInboundEmails">{{ total_inbound }}</b> / Исходящие: <b id="statOutboundEmails">{{ total_outbound }}</b>
                 </div>
             </div>
         </div>
     </div>
-    <!-- КАРТОЧКА 2: ОБЪЕМ АРХИВА -->
     <div class="col-md-3">
-        <div class="card bg-dark border-info h-100 shadow">
+        <div class="card h-100">
+            <div class="card-header d-flex justify-content-between">
+                <span>ОБЪЕМ АРХИВА</span>
+                <i class="bi bi-file-earmark-pdf"></i>
+            </div>
             <div class="card-body">
-                <div class="d-flex justify-content-between align-items-center">
-                    <h6 class="text-info text-uppercase small font-monospace mb-0">>_ ОБЪЕМ_АРХИВА</h6>
-                    <i class="bi bi-file-earmark-pdf text-info fs-4"></i>
-                </div>
-                <h2 class="display-6 font-monospace my-2 text-white" id="statPdfSize">{{ pdf_size_mb }} MB</h2>
-                <div class="small text-muted text-truncate" id="statLastUpdate">
+                <div style="font-size: 22px; font-weight: bold;" id="statPdfSize">{{ pdf_size_mb }} MB</div>
+                <div class="small text-muted mt-1 text-truncate" id="statLastUpdate">
                     Создан: {{ fmt_local(last_update) if last_update else '-' }}
                 </div>
             </div>
         </div>
     </div>
-    <!-- КАРТОЧКА 3: ВСЕГО ВЛОЖЕНИЙ -->
     <div class="col-md-3">
-        <div class="card bg-dark border-warning h-100 shadow">
+        <div class="card h-100">
+            <div class="card-header d-flex justify-content-between">
+                <span>ВЛОЖЕНИЯ</span>
+                <i class="bi bi-paperclip"></i>
+            </div>
             <div class="card-body">
-                <div class="d-flex justify-content-between align-items-center">
-                    <h6 class="text-warning text-uppercase small font-monospace mb-0">>_ ВШИТЫХ_ВЛОЖЕНИЙ</h6>
-                    <i class="bi bi-paperclip text-warning fs-4"></i>
-                </div>
-                <h2 class="display-6 font-monospace my-2 text-white" id="statAttachments">{{ total_attachments }}</h2>
-                <div class="small text-muted">Интегрировано в листы PDF</div>
+                <div style="font-size: 22px; font-weight: bold;" id="statAttachments">{{ total_attachments }}</div>
+                <div class="small text-muted mt-1">Интегрировано в PDF</div>
             </div>
         </div>
     </div>
-    <!-- КАРТОЧКА 4: ПОСЛЕДНЯЯ СИНХРОНИЗАЦИЯ -->
     <div class="col-md-3">
-        <div class="card bg-dark border-primary h-100 shadow">
+        <div class="card h-100">
+            <div class="card-header d-flex justify-content-between">
+                <span>DRIVE СИНХРОНИЗАЦИЯ</span>
+                <i class="bi bi-cloud-check"></i>
+            </div>
             <div class="card-body">
-                <div class="d-flex justify-content-between align-items-center">
-                    <h6 class="text-primary text-uppercase small font-monospace mb-0">>_ DRIVE_SYNC</h6>
-                    <i class="bi bi-google-play text-primary fs-4"></i>
-                </div>
-                <h2 class="display-6 font-monospace my-2 text-white" id="statLastSync">
+                <div style="font-size: 22px; font-weight: bold;" id="statLastSync">
                     {% if last_sync_time %}{{ last_sync_time.strftime('%d.%m.%Y') }}{% else %}-{% endif %}
-                </h2>
-                <div class="small text-muted text-truncate" id="statLastSyncTime">
+                </div>
+                <div class="small text-muted mt-1 text-truncate" id="statLastSyncTime">
                     Время: {{ fmt_local(last_sync_time) if last_sync_time else 'Неизвестно' }}
                 </div>
             </div>
@@ -81,114 +74,149 @@
     </div>
 </div>
 
-<div class="row g-4">
-    <!-- ЛЕВАЯ КОЛОНКА: УПРАВЛЕНИЕ И СТАТУС -->
+<div class="row g-3">
+    <!-- ЛЕВАЯ КОЛОНКА -->
     <div class="col-md-4">
         <!-- КАРТОЧКА УПРАВЛЕНИЯ -->
-        <div class="card mb-4 shadow">
-            <div class="card-header bg-dark border-bottom border-secondary text-success font-monospace">
-                [CONTROL] УПРАВЛЕНИЕ_АРХИВОМ
-            </div>
-            <div class="card-body text-center py-4">
+        <div class="card mb-3">
+            <div class="card-header">УПРАВЛЕНИЕ АРХИВОМ</div>
+            <div class="card-body text-center py-3">
                 {% if has_master_pdf %}
-                <i class="bi bi-file-earmark-pdf-fill display-2 text-danger mb-3"></i>
-                <h6 class="text-white">ALL_EMAILS_CONSOLIDATED.pdf</h6>
-                <p class="small opacity-50 mb-4">Архив готов к использованию в NotebookLM</p>
+                <div class="mb-2">
+                    <i class="bi bi-file-earmark-pdf text-danger" style="font-size: 36px;"></i>
+                </div>
+                <div style="font-weight: bold;">ALL_EMAILS_CONSOLIDATED.pdf</div>
+                <div class="small text-muted mb-3">Архив готов к работе в NotebookLM</div>
                 
-                <button id="fullSyncBtn" class="btn btn-warning w-100 mb-2">
-                    <i class="bi bi-lightning-charge-fill"></i> ТУРБО СИНХРОНИЗАЦИЯ
+                <button id="fullSyncBtn" class="btn-unix btn-unix-primary w-100 mb-2">
+                    <i class="bi bi-arrow-repeat"></i> Запустить синхронизацию
                 </button>
                 
-                <div class="dropdown w-100">
-                    <button class="btn btn-outline-secondary dropdown-toggle w-100" type="button" data-bs-toggle="dropdown">
-                        ДОПОЛНИТЕЛЬНО
-                    </button>
-                    <ul class="dropdown-menu dropdown-menu-dark w-100">
-                        <li><a href="/static/email_archive/TOTAL_ARCHIVE_2025-2026.pdf" class="dropdown-item" download>СКАЧАТЬ АРХИВ</a></li>
-                        <li><button id="syncAiBtn" class="dropdown-item">ТОЛЬКО UPLOAD В DRIVE</button></li>
-                    </ul>
+                <div class="d-flex gap-2">
+                    <a href="/static/email_archive/TOTAL_ARCHIVE_2025-2026.pdf" class="btn-unix w-50 text-center" download>Скачать PDF</a>
+                    <button id="syncAiBtn" class="btn-unix w-50">В Google Drive</button>
                 </div>
                 {% else %}
-                <i class="bi bi-file-earmark-x display-2 opacity-20 mb-3"></i>
-                <p class="text-warning">Архив еще не сформирован</p>
-                <button id="fullSyncBtn" class="btn btn-warning w-100 mb-2">
-                    <i class="bi bi-lightning-charge-fill"></i> ЗАПУСТИТЬ ПЕРВЫЙ СБОР
+                <div class="mb-2">
+                    <i class="bi bi-file-earmark-x text-muted" style="font-size: 36px;"></i>
+                </div>
+                <div class="small text-muted mb-3">Архив еще не сформирован</div>
+                <button id="fullSyncBtn" class="btn-unix btn-unix-primary w-100">
+                    <i class="bi bi-arrow-repeat"></i> Запустить первый сбор
                 </button>
                 {% endif %}
             </div>
         </div>
 
-        <!-- СТАТУС ПАЙПЛАЙНА (ПОСТОЯННЫЙ) -->
-        <div class="card border-primary mb-4 shadow" id="pipelineStatusCard">
-            <div class="card-header bg-dark border-bottom border-primary d-flex justify-content-between align-items-center text-primary font-monospace">
-                <span>[PIPELINE] МОНИТОРИНГ_ПРОЦЕССА</span>
-                <span class="spinner-grow spinner-grow-sm text-primary" id="pipelineSpinner" style="display: none;" role="status"></span>
+        <!-- СТАТУС ПАЙПЛАЙНА -->
+        <div class="card mb-3" id="pipelineStatusCard">
+            <div class="card-header d-flex justify-content-between align-items-center">
+                <span>МОНИТОРИНГ ПРОЦЕССА</span>
+                <span class="spinner-border spinner-border-sm" id="pipelineSpinner" style="display: none;" role="status"></span>
             </div>
             <div class="card-body">
-                <div class="p-3 bg-black border border-secondary font-monospace small">
-                    [STEP] Шаг: <span id="pipelineStep" class="text-info fw-bold">Ожидание</span> <br>
-                    [TIME] Обновлено: <span id="pipelineTime">-</span> <br>
-                    <div class="progress my-3" style="height: 12px; background-color: #111;">
-                        <div id="pipelineProgress" class="progress-bar progress-bar-striped progress-bar-animated bg-primary" role="progressbar" style="width: 0%"></div>
-                    </div>
-                    [DATA] Новых писем: <span id="pipelineNewEmails" class="text-success fw-bold">0</span> <br>
-                    [DATA] Всего в архиве: <span id="pipelineTotalEmails" class="fw-bold">0</span> <br>
-                    [DATA] Размер файла: <span id="pipelineSize" class="fw-bold">0.00 MB</span>
-                </div>
+                <table class="table mb-0">
+                    <tbody>
+                        <tr>
+                            <td style="width: 120px; font-weight: bold;">Шаг:</td>
+                            <td><span id="pipelineStep">Ожидание</span></td>
+                        </tr>
+                        <tr>
+                            <td style="font-weight: bold;">Обновлено:</td>
+                            <td><span id="pipelineTime">-</span></td>
+                        </tr>
+                        <tr>
+                            <td style="font-weight: bold;">Прогресс:</td>
+                            <td>
+                                <div class="progress" style="height: 10px; background-color: #e8e8e8; border-radius: 0;">
+                                    <div id="pipelineProgress" class="progress-bar bg-primary" role="progressbar" style="width: 0%; border-radius: 0;"></div>
+                                </div>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td style="font-weight: bold;">Новых писем:</td>
+                            <td><span id="pipelineNewEmails">0</span></td>
+                        </tr>
+                        <tr>
+                            <td style="font-weight: bold;">В архиве:</td>
+                            <td><span id="pipelineTotalEmails">0</span></td>
+                        </tr>
+                        <tr>
+                            <td style="font-weight: bold;">Размер:</td>
+                            <td><span id="pipelineSize">0.00 MB</span></td>
+                        </tr>
+                    </tbody>
+                </table>
             </div>
         </div>
 
         <!-- ЛОГ ПОСЛЕДНЕГО ЗАПУСКА -->
-        <div class="card shadow">
-            <div class="card-header bg-dark border-bottom border-secondary text-warning font-monospace">
-                [LOG] ЛОГ_ПОСЛЕДНЕГО_ЗАПУСКА
-            </div>
-            <div class="card-body">
-                <div class="p-3 bg-black border border-warning font-monospace small">
-                    {% if last_log %}
-                    [TIME] Начат: {{ fmt_local(last_log.start_time) }} <br>
-                    [TIME] Завершен: {{ fmt_local(last_log.end_time) if last_log.end_time else 'В ПРОЦЕССЕ...' }} <br>
-                    [STATUS] Статус: <span class="{% if last_log.status == 'success' %}text-success{% elif last_log.status == 'error' %}text-danger{% else %}text-warning{% endif %} fw-bold">{{ last_log.status.upper() }}</span> <br>
-                    [DATA] Новых писем: {{ last_log.new_emails_count }}
-                    {% else %}
-                    [INFO] Запуски еще не производились.
-                    {% endif %}
-                </div>
+        <div class="card">
+            <div class="card-header">ПОСЛЕДНИЙ ЗАПУСК</div>
+            <div class="card-body p-2">
+                <table class="table mb-0">
+                    <tbody>
+                        {% if last_log %}
+                        <tr>
+                            <td style="font-weight: bold;">Начат:</td>
+                            <td>{{ fmt_local(last_log.start_time) }}</td>
+                        </tr>
+                        <tr>
+                            <td style="font-weight: bold;">Завершен:</td>
+                            <td>{{ fmt_local(last_log.end_time) if last_log.end_time else 'В процессе...' }}</td>
+                        </tr>
+                        <tr>
+                            <td style="font-weight: bold;">Статус:</td>
+                            <td>
+                                <span class="badge-status {% if last_log.status == 'success' %}badge-success{% elif last_log.status == 'error' %}badge-danger{% else %}badge-warning{% endif %}">
+                                    {{ last_log.status.upper() }}
+                                </span>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td style="font-weight: bold;">Новых писем:</td>
+                            <td>{{ last_log.new_emails_count }}</td>
+                        </tr>
+                        {% else %}
+                        <tr>
+                            <td colspan="2" class="text-muted text-center py-2">Запуски еще не производились</td>
+                        </tr>
+                        {% endif %}
+                    </tbody>
+                </table>
             </div>
         </div>
     </div>
 
     <!-- ПРАВАЯ КОЛОНКА: ТАБЛИЦА ВЕДОМСТВ -->
     <div class="col-md-8">
-        <div class="card h-100 shadow">
-            <div class="card-header bg-dark border-bottom border-secondary text-success font-monospace">
-                [STATS] СТАТИСТИКА_ПО_ВЕДОМСТВАМ_И_ОРГАНАМ
-            </div>
+        <div class="card h-100">
+            <div class="card-header">СТАТИСТИКА ПО ОРГАНАМ И ВЕДОМСТВАМ</div>
             <div class="card-body p-0">
-                <div class="table-responsive" style="max-height: 700px; overflow-y: auto;">
-                    <table class="table table-dark table-hover mb-0 align-middle">
-                        <thead class="sticky-top bg-dark">
+                <div class="table-responsive" style="max-height: 650px; overflow-y: auto;">
+                    <table class="table mb-0">
+                        <thead style="position: sticky; top: 0; z-index: 1;">
                             <tr>
                                 <th>Ведомство / Домен</th>
-                                <th class="text-center" style="width: 100px;">Вх.</th>
-                                <th class="text-center" style="width: 100px;">Исх.</th>
-                                <th style="width: 180px;">Последнее письмо</th>
+                                <th class="text-center" style="width: 80px;">Вх.</th>
+                                <th class="text-center" style="width: 80px;">Исх.</th>
+                                <th style="width: 170px;">Последнее письмо</th>
                             </tr>
                         </thead>
                         <tbody>
                             {% for domain in audit_data %}
                             <tr>
                                 <td>
-                                    <span class="text-success fw-bold">{{ domain.domain }}</span>
-                                    <br><small class="opacity-50 text-white">{{ domain.description }}</small>
+                                    <b>{{ domain.domain }}</b>
+                                    <div class="small text-muted">{{ domain.description }}</div>
                                 </td>
-                                <td class="text-center font-monospace text-success fw-bold">{{ domain.inbound_count }}</td>
-                                <td class="text-center font-monospace text-info fw-bold">{{ domain.outbound_count }}</td>
-                                <td class="font-monospace">{{ domain.last_email_date.strftime('%d.%m.%Y %H:%M') if domain.last_email_date else '-' }}</td>
+                                <td class="text-center"><b>{{ domain.inbound_count }}</b></td>
+                                <td class="text-center"><b>{{ domain.outbound_count }}</b></td>
+                                <td>{{ domain.last_email_date.strftime('%d.%m.%Y %H:%M') if domain.last_email_date else '-' }}</td>
                             </tr>
                             {% else %}
                             <tr>
-                                <td colspan="4" class="text-center opacity-50 py-4">Данных пока нет. Запустите экспорт.</td>
+                                <td colspan="4" class="text-center text-muted py-3">Данных пока нет. Запустите экспорт.</td>
                             </tr>
                             {% endfor %}
                         </tbody>
@@ -200,32 +228,30 @@
 </div>
 
 <!-- СВЕЖИЕ ПОСТУПЛЕНИЯ В АРХИВ -->
-<div class="row mt-4">
+<div class="row mt-3">
     <div class="col-md-12">
-        <div class="card shadow">
-            <div class="card-header bg-dark border-bottom border-secondary text-info font-monospace">
-                [FEED] СВЕЖИЕ_ПОСТУПЛЕНИЯ_В_АРХИВ (ПОСЛЕДНИЕ 10)
-            </div>
+        <div class="card">
+            <div class="card-header">СВЕЖИЕ ПОСТУПЛЕНИЯ В АРХИВ (ПОСЛЕДНИЕ 10)</div>
             <div class="card-body p-0">
                 <div class="table-responsive">
-                    <table class="table table-dark table-hover mb-0" style="font-size: 0.85rem;">
+                    <table class="table mb-0">
                         <thead>
                             <tr>
-                                <th style="width: 180px;">Дата</th>
-                                <th style="width: 200px;">Ведомство</th>
+                                <th style="width: 170px;">Дата</th>
+                                <th style="width: 220px;">Ведомство</th>
                                 <th>Тема письма</th>
                             </tr>
                         </thead>
                         <tbody>
                             {% for email in latest_emails %}
                             <tr>
-                                <td><code class="text-info font-monospace">{{ email.date }}</code></td>
-                                <td><span class="badge bg-secondary font-monospace">{{ email.domain }}</span></td>
-                                <td class="text-truncate text-white" style="max-width: 500px;">{{ email.subject }}</td>
+                                <td><code>{{ email.date }}</code></td>
+                                <td><span class="badge-status">{{ email.domain }}</span></td>
+                                <td class="text-truncate" style="max-width: 550px;">{{ email.subject }}</td>
                             </tr>
                             {% else %}
                             <tr>
-                                <td colspan="3" class="text-center opacity-50 py-3">Новых файлов пока нет</td>
+                                <td colspan="3" class="text-center text-muted py-3">Новых файлов пока нет</td>
                             </tr>
                             {% endfor %}
                         </tbody>
@@ -270,7 +296,6 @@ async function checkPipelineStatus() {
         
         if (data.last_sync_time && data.last_sync_time !== '-') {
             if (widgetLastSync) {
-                // Извлекаем только дату из YYYY-MM-DD HH:MM:SS
                 const parts = data.last_sync_time.split(' ');
                 if (parts[0]) {
                     const dateParts = parts[0].split('-');
@@ -287,12 +312,9 @@ async function checkPipelineStatus() {
         time.textContent = data.updated_at || '-';
         
         if (data.status === 'running') {
-            card.className = "card border-primary mb-4 shadow";
-            step.className = "text-info fw-bold";
-            step.textContent = data.step;
+            step.innerHTML = '<b>' + data.step + '</b>';
             spinner.style.display = 'inline-block';
             
-            // Динамический прогресс
             let width = '10%';
             if (data.step.includes('Сбор')) width = '35%';
             else if (data.step.includes('Консолидация')) width = '70%';
@@ -300,30 +322,22 @@ async function checkPipelineStatus() {
             progress.style.width = width;
             progress.className = "progress-bar progress-bar-striped progress-bar-animated bg-primary";
             
-            // Опрашиваем часто при работе
             setTimeout(checkPipelineStatus, 2000);
         } else if (data.status === 'success') {
-            card.className = "card border-success mb-4 shadow";
-            step.className = "text-success fw-bold";
-            step.innerHTML = '✅ Завершен успешно';
+            step.innerHTML = '<span class="badge-status badge-success">Завершен успешно</span>';
             spinner.style.display = 'none';
             progress.style.width = '100%';
             progress.className = "progress-bar bg-success";
             
-            // Опрашиваем реже в простое
             setTimeout(checkPipelineStatus, 15000);
         } else if (data.status === 'error' || data.status === 'stuck') {
-            card.className = "card border-danger mb-4 shadow";
-            step.className = "text-danger fw-bold";
-            step.innerHTML = '❌ ' + (data.step || 'Ошибка выполнения');
+            step.innerHTML = '<span class="badge-status badge-danger">' + (data.step || 'Ошибка') + '</span>';
             spinner.style.display = 'none';
             progress.style.width = '100%';
             progress.className = "progress-bar bg-danger";
             
             setTimeout(checkPipelineStatus, 15000);
         } else {
-            card.className = "card border-secondary mb-4 shadow";
-            step.className = "text-muted";
             step.textContent = "Неактивен";
             spinner.style.display = 'none';
             progress.style.width = '0%';
@@ -351,7 +365,6 @@ document.getElementById('fullSyncBtn').addEventListener('click', async function(
         const response = await fetch('/api/emails/run_full_sync', { method: 'POST' });
         const result = await response.json();
         alert(result.message);
-        // Запускаем мониторинг статуса
         setTimeout(checkPipelineStatus, 1000);
     } catch (e) {
         alert('Ошибка: ' + e);
diff --git a/web/templates/export.html b/web/templates/export.html
index 624f9e9..8140f5a 100644
--- a/web/templates/export.html
+++ b/web/templates/export.html
@@ -1,21 +1,26 @@
 {% extends "base.html" %}
 
-{% block title %}Экспорт - Домовой Бот{% endblock %}
+{% block title %}Резервное копирование и экспорт - МКД ЛенКом 37{% endblock %}
 {% block nav_export %}active{% endblock %}
 
 {% block content %}
-<h2 class="mb-4" style="color: var(--matrix-green); text-shadow: 0 0 10px var(--matrix-green);">>_ ЭКСПОРТ_ДАННЫХ</h2>
+<div class="mb-3">
+    <h4 class="mb-1" style="font-size: 16px; font-weight: bold;">Резервное копирование и экспорт базы</h4>
+    <div class="small text-muted">Формирование дампов базы данных и синхронизация с локальным Git-сервером (Forgejo)</div>
+</div>
 
-<div class="row">
+<div class="row g-3">
     <div class="col-md-6">
-        <div class="card border-success">
-            <div class="card-header border-success">
-                <i class="bi bi-file-earmark-json"></i> ЭКСПОРТ В JSON & GITEA
+        <div class="card h-100">
+            <div class="card-header">
+                <i class="bi bi-file-earmark-arrow-up"></i> ЭКСПОРТ ДАННЫХ В JSON И GIT
             </div>
             <div class="card-body">
-                <p>Экспорт ВСЕХ пользователей и сообщений. Файл будет автоматически отправлен в Gitea.</p>
-                <button class="btn btn-matrix w-100" onclick="exportJSON()">
-                    <i class="bi bi-cloud-arrow-up"></i> ЗАПУСТИТЬ ПОЛНЫЙ ЭКСПОРТ
+                <p class="small text-muted mb-3">
+                    Экспорт всех учетных записей жильцов, истории сообщений и настроек. Файл формируется в формате JSON и автоматически фиксируется коммитом в Git.
+                </p>
+                <button class="btn-unix btn-unix-primary w-100" onclick="exportJSON()">
+                    <i class="bi bi-arrow-up-circle"></i> Запустить полный экспорт сейчас
                 </button>
                 <div id="exportResult" class="mt-3"></div>
             </div>
@@ -23,62 +28,70 @@
     </div>
 
     <div class="col-md-6">
-        <div class="card border-success">
-            <div class="card-header border-success">
-                <i class="bi bi-graph-up"></i> СТАТИСТИКА ВЫГРУЗОК
+        <div class="card h-100">
+            <div class="card-header">
+                <i class="bi bi-clock-history"></i> СТАТИСТИКА ВЫГРУЗОК
             </div>
             <div class="card-body">
-                <div class="h4 text-matrix mb-3">
-                    Всего выгрузок: <span class="badge bg-success">{{ export_stats.total }}</span>
+                <table class="table mb-3">
+                    <tbody>
+                        <tr>
+                            <td style="font-weight: bold; width: 180px;">Всего выгрузок:</td>
+                            <td><span class="badge-status badge-success">{{ export_stats.total }}</span></td>
+                        </tr>
+                        <tr>
+                            <td style="font-weight: bold;">Последняя выгрузка:</td>
+                            <td>{{ fmt_local(export_stats.last_date) if export_stats.last_date else 'Никогда' }}</td>
+                        </tr>
+                        <tr>
+                            <td style="font-weight: bold;">Авторасписание:</td>
+                            <td>Каждое воскресенье в 03:00 (cron)</td>
+                        </tr>
+                    </tbody>
+                </table>
+                <div class="small text-muted">
+                    Архивы сохраняются локально в каталог <code>exports/</code> и отправляются в репозиторий на Synology NAS.
                 </div>
-                <p>Последняя выгрузка:<br>
-                <span class="text-success">{{ fmt_local(export_stats.last_date) if export_stats.last_date else 'Никогда' }}</span></p>
-                <hr class="border-success">
-                <p class="text-muted small">
-                    Автоматический экспорт выполняется раз в неделю (вс, 03:00) и пушится в репозиторий.
-                </p>
             </div>
         </div>
     </div>
 </div>
-{% endblock %}
 
-{% block extra_script %}
 <script>
-    async function exportJSON() {
-        const resultDiv = document.getElementById('exportResult');
-        const btn = document.querySelector('button[onclick="exportJSON()"]');
-        
-        resultDiv.innerHTML = '<div class="alert alert-info"><div class="spinner-border spinner-border-sm me-2"></div>Сбор данных и отправка в Gitea...</div>';
-        btn.disabled = true;
+async function exportJSON() {
+    const resultDiv = document.getElementById('exportResult');
+    const btn = document.querySelector('button[onclick="exportJSON()"]');
+    
+    resultDiv.innerHTML = '<div class="alert alert-info py-2 small"><div class="spinner-border spinner-border-sm me-2"></div>Сбор данных и отправка в Git...</div>';
+    btn.disabled = true;
 
-        try {
-            const response = await fetch('/api/export/json');
-            const data = await response.json();
-            
-            if (response.ok && data.success) {
-                resultDiv.innerHTML = `
-                    <div class="alert alert-success">
-                        ✅ <b>Успех!</b><br>
-                        Файл: <code>${data.filename}</code><br>
-                        Сообщений: ${data.messages}<br>
-                        Статус Git: ${data.git ? '🚀 Отправлено в Gitea' : '❌ Ошибка Git'}<br>
-                        <br>
-                        <a href="/exports/${data.filename}" class="btn btn-outline-success btn-sm w-100 mb-2">
-                            <i class="bi bi-download"></i> СКАЧАТЬ ФАЙЛ ЛОКАЛЬНО
+    try {
+        const response = await fetch('/api/export/json');
+        const data = await response.json();
+        
+        if (response.ok && data.success) {
+            resultDiv.innerHTML = `
+                <div class="alert alert-success py-2 small">
+                    <b>Успешно!</b><br>
+                    Файл: <code>${data.filename}</code><br>
+                    Сообщений: ${data.messages}<br>
+                    Статус Git: ${data.git ? 'Синхронизировано в Forgejo' : 'Ошибка Git'}<br>
+                    <div class="mt-2">
+                        <a href="/exports/${data.filename}" class="btn-unix">
+                            Скачать файл локально
                         </a>
-                        <small>Страница обновится через 10 сек...</small>
                     </div>
-                `;
-                setTimeout(() => location.reload(), 10000);
-            } else {
-                resultDiv.innerHTML = `<div class="alert alert-danger">❌ Ошибка: ${data.error || 'Неизвестно'}</div>`;
-            }
-        } catch (error) {
-            resultDiv.innerHTML = `<div class="alert alert-danger">❌ Ошибка сети: ${error.message}</div>`;
-        } finally {
-            btn.disabled = false;
+                </div>
+            `;
+            setTimeout(() => location.reload(), 10000);
+        } else {
+            resultDiv.innerHTML = `<div class="alert alert-danger py-2 small">Ошибка: ${data.error || 'Неизвестная ошибка'}</div>`;
         }
+    } catch (error) {
+        resultDiv.innerHTML = `<div class="alert alert-danger py-2 small">Сетевая ошибка: ${error.message}</div>`;
+    } finally {
+        btn.disabled = false;
     }
+}
 </script>
 {% endblock %}
diff --git a/web/templates/files.html b/web/templates/files.html
index 51f9bc1..64e46d4 100644
--- a/web/templates/files.html
+++ b/web/templates/files.html
@@ -1,28 +1,33 @@
 {% extends "base.html" %}
 
-{% block title %}Менеджер артефактов - LKM37{% endblock %}
+{% block title %}Файлы и архивы - МКД ЛенКом 37{% endblock %}
 {% block nav_files %}active{% endblock %}
 
 {% block content %}
-<h2 class="mb-4" style="color: var(--matrix-green); text-shadow: 0 0 10px var(--matrix-green);">
-    >_ ЦЕНТРАЛЬНЫЙ_АРХИВ_ДАННЫХ (FILES_CORE)
-</h2>
+<div class="mb-3">
+    <h4 class="mb-1" style="font-size: 16px; font-weight: bold;">Менеджер файлов и медиа-артефактов</h4>
+    <div class="small text-muted">Хранилище документов, системных архивов и медиа-файлов для рассылок</div>
+</div>
 
 <!-- Секция загрузки артефактов -->
-<div class="row mb-4">
+<div class="row mb-3">
     <div class="col-md-12">
-        <div class="card bg-black border-success shadow-sm">
+        <div class="card">
+            <div class="card-header">
+                <i class="bi bi-cloud-upload"></i> ЗАГРУЗКА МЕДИА-ФАЙЛА (РЕГИСТРАЦИЯ В TELEGRAM)
+            </div>
             <div class="card-body">
-                <h5 class="text-success mb-3"><i class="bi bi-cloud-upload"></i> РЕГИСТРАЦИЯ НОВОГО АРТЕФАКТА В TELEGRAM</h5>
-                <p class="small text-muted mb-3">Загрузите файл сюда, и бот отправит его вам в личку, чтобы получить постоянный <code>file_id</code>. Вы сможете использовать этот ID в рассылках и постах многократно.</p>
-                <form id="uploadForm" class="row g-3">
+                <p class="small text-muted mb-3">
+                    Загрузите изображение или документ. Бот сохранит его в Telegram и сгенерирует постоянный <code>file_id</code> для безопасного использования в постах и рассылках.
+                </p>
+                <form id="uploadForm" class="row g-2 align-items-center">
                     <div class="col-md-9">
-                        <input type="file" id="fileInput" class="form-control bg-dark border-success text-success">
+                        <input type="file" id="fileInput" class="form-control">
                     </div>
                     <div class="col-md-3">
-                        <button type="button" id="uploadBtn" onclick="uploadFile()" class="btn btn-matrix w-100">
+                        <button type="button" id="uploadBtn" onclick="uploadFile()" class="btn-unix btn-unix-primary w-100">
                             <span id="uploadSpinner" class="spinner-border spinner-border-sm d-none" role="status"></span>
-                            ЗАГРУЗИТЬ
+                            Загрузить в бота
                         </button>
                     </div>
                 </form>
@@ -32,26 +37,26 @@
 </div>
 
 <!-- Таблица артефактов -->
-<div class="card mb-4 border-info">
-    <div class="card-header border-info bg-info bg-opacity-10 d-flex justify-content-between align-items-center">
-        <span class="text-info fw-bold">💠 АРТЕФАКТЫ TELEGRAM (ДЛЯ РАССЫЛОК)</span>
-        <button class="btn btn-outline-info btn-sm" onclick="loadFiles()">
-            <i class="bi bi-arrow-clockwise"></i> ОБНОВИТЬ
+<div class="card mb-3">
+    <div class="card-header d-flex justify-content-between align-items-center">
+        <span>ЗАРЕГИСТРИРОВАННЫЕ МЕДИА-АРТЕФАКТЫ TELEGRAM</span>
+        <button class="btn-unix" onclick="loadFiles()">
+            <i class="bi bi-arrow-clockwise"></i> Обновить список
         </button>
     </div>
     <div class="card-body p-0">
         <div class="table-responsive">
-            <table class="table table-dark table-hover mb-0">
+            <table class="table mb-0">
                 <thead>
-                    <tr class="text-info opacity-75" style="font-size: 0.8em;">
-                        <th>ИМЯ ФАЙЛА</th>
-                        <th>ТИП</th>
-                        <th>TELEGRAM_FILE_ID</th>
-                        <th class="text-end">ДЕЙСТВИЯ</th>
+                    <tr>
+                        <th>Имя файла</th>
+                        <th style="width: 120px;">Тип</th>
+                        <th>Telegram File ID</th>
+                        <th class="text-end" style="width: 120px;">Действие</th>
                     </tr>
                 </thead>
                 <tbody id="artifactsTable">
-                    <!-- Заполняется через API -->
+                    <!-- Заполняется через JS -->
                 </tbody>
             </table>
         </div>
@@ -59,31 +64,27 @@
 </div>
 
 <!-- Таблица системных файлов -->
-<div class="card border-secondary">
-    <div class="card-header border-secondary bg-secondary bg-opacity-10">
-        <span class="text-secondary fw-bold">📁 СИСТЕМНЫЕ ФАЙЛЫ (ЛОГИ И ЭКСПОРТЫ)</span>
-    </div>
+<div class="card">
+    <div class="card-header">СИСТЕМНЫЕ АРХИВЫ И ЛОГИ СЕРВЕРА</div>
     <div class="card-body p-0">
         <div class="table-responsive">
-            <table class="table table-dark table-hover mb-0">
+            <table class="table mb-0">
                 <thead>
-                    <tr class="text-muted" style="font-size: 0.8em;">
-                        <th>ИМЯ ФАЙЛА</th>
-                        <th>КАТЕГОРИЯ</th>
-                        <th>РАЗМЕР</th>
-                        <th class="text-end">ДЕЙСТВИЯ</th>
+                    <tr>
+                        <th>Имя файла</th>
+                        <th style="width: 140px;">Категория</th>
+                        <th style="width: 120px;">Размер</th>
+                        <th class="text-end" style="width: 100px;">Скачать</th>
                     </tr>
                 </thead>
                 <tbody id="systemFilesTable">
-                    <!-- Заполняется через API -->
+                    <!-- Заполняется через JS -->
                 </tbody>
             </table>
         </div>
     </div>
 </div>
-{% endblock %}
 
-{% block extra_script %}
 <script>
 document.addEventListener('DOMContentLoaded', loadFiles);
 
@@ -109,12 +110,12 @@ async function loadFiles() {
             artifacts.forEach(f => {
                 artifactsTable.innerHTML += `
                     <tr>
-                        <td class="font-monospace text-info">${f.filename}</td>
-                        <td><span class="badge bg-info text-dark">${f.file_type}</span></td>
-                        <td><code class="text-success small" style="word-break: break-all;">${f.file_id}</code></td>
+                        <td><b>${f.filename}</b></td>
+                        <td><span class="badge-status">${f.file_type}</span></td>
+                        <td><code style="word-break: break-all;">${f.file_id}</code></td>
                         <td class="text-end">
-                            <button class="btn btn-sm btn-outline-info" onclick="copyId('${f.file_id}')">
-                                <i class="bi bi-copy"></i> ID
+                            <button class="btn-unix" onclick="copyId('${f.file_id}')">
+                                Копировать ID
                             </button>
                         </td>
                     </tr>
@@ -128,12 +129,12 @@ async function loadFiles() {
             systemFiles.forEach(f => {
                 systemFilesTable.innerHTML += `
                     <tr>
-                        <td class="font-monospace">${f.filename}</td>
-                        <td><span class="badge bg-secondary">${f.file_type}</span></td>
-                        <td class="text-muted">${f.size}</td>
+                        <td><b>${f.filename}</b></td>
+                        <td><span class="badge-status">${f.file_type}</span></td>
+                        <td>${f.size}</td>
                         <td class="text-end">
-                            <a href="${f.path}" class="btn btn-sm btn-outline-secondary" download>
-                                <i class="bi bi-download"></i>
+                            <a href="${f.path}" class="btn-unix" download>
+                                Скачать
                             </a>
                         </td>
                     </tr>
@@ -147,12 +148,7 @@ async function loadFiles() {
 
 function copyId(id) {
     navigator.clipboard.writeText(id);
-    const toast = document.createElement('div');
-    toast.className = 'position-fixed bottom-0 end-0 p-3';
-    toast.style.zIndex = '11';
-    toast.innerHTML = `<div class="alert alert-success">FILE_ID скопирован!</div>`;
-    document.body.appendChild(toast);
-    setTimeout(() => toast.remove(), 2000);
+    alert('File ID скопирован в буфер обмена');
 }
 
 async function uploadFile() {
@@ -176,7 +172,7 @@ async function uploadFile() {
         const result = await response.json();
         
         if (result.success) {
-            alert('Файл успешно зарегистрирован в Telegram!\nFILE_ID: ' + result.file_id);
+            alert('Файл успешно зарегистрирован в Telegram!\nFile ID: ' + result.file_id);
             location.reload();
         } else {
             alert('Ошибка при регистрации: ' + result.error);
diff --git a/web/templates/infra.html b/web/templates/infra.html
index 5fc4402..3a515ff 100644
--- a/web/templates/infra.html
+++ b/web/templates/infra.html
@@ -1,102 +1,112 @@
 {% extends "base.html" %}
 
-{% block title %}Инфраструктура - Домовой Бот{% endblock %}
+{% block title %}Инфраструктура - МКД ЛенКом 37{% endblock %}
 {% block nav_infra %}active{% endblock %}
 
 {% block content %}
-<h2 class="mb-4"><i class="bi bi-cpu"></i> Мониторинг Инфраструктуры</h2>
+<div class="mb-3">
+    <h4 class="mb-1" style="font-size: 16px; font-weight: bold;">Мониторинг инфраструктуры и сервисов</h4>
+    <div class="small text-muted">Состояние сетевых узлов, замеры интернет-канала и статус фоновых пайплайнов</div>
+</div>
 
-<div class="row mb-4">
+<div class="row g-3 mb-3">
     <div class="col-md-12">
-        <div class="card bg-dark border-success">
-            <div class="card-header border-success text-success">
-                <i class="bi bi-speedometer2"></i> ТЕСТ СКОРОСТИ ИНТЕРНЕТА (150 Mbps План)
+        <div class="card">
+            <div class="card-header d-flex justify-content-between align-items-center">
+                <span>ТЕСТЫ СКОРОСТИ ИНТЕРНЕТ-КАНАЛА (ТАРИФ 150 МБИТ/С)</span>
+                <button id="runSpeedtestBtn" class="btn-unix">
+                    <i class="bi bi-play-fill"></i> Запустить замер сейчас
+                </button>
             </div>
-            <div class="card-body">
-                <table class="table table-dark table-hover small">
-                    <thead>
-                        <tr>
-                            <th>Дата и Время</th>
-                            <th>Download (Mbps)</th>
-                            <th>Upload (Mbps)</th>
-                            <th>Ping (ms)</th>
-                            <th>Сервер</th>
-                        </tr>
-                    </thead>
+            <div class="card-body p-0">
+                <div class="table-responsive">
+                    <table class="table mb-0">
+                        <thead>
+                            <tr>
+                                <th>Дата и время</th>
+                                <th>Download (Мбит/с)</th>
+                                <th>Upload (Мбит/с)</th>
+                                <th>Ping (мс)</th>
+                                <th>Сервер замера</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            {% for test in speedtests %}
+                            <tr>
+                                <td>{{ test.timestamp }}</td>
+                                <td><b>{{ test.download }}</b></td>
+                                <td><b>{{ test.upload }}</b></td>
+                                <td>{{ test.ping }}</td>
+                                <td class="text-muted">{{ test.server_name }}</td>
+                            </tr>
+                            {% else %}
+                            <tr>
+                                <td colspan="5" class="text-center text-muted py-3">Данных замеров пока нет</td>
+                            </tr>
+                            {% endfor %}
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="row g-3">
+    <div class="col-md-6">
+        <div class="card h-100">
+            <div class="card-header">СЕТЕВЫЕ УЗЛЫ И ХОСТЫ</div>
+            <div class="card-body p-0">
+                <table class="table mb-0">
                     <tbody>
-                        {% for test in speedtests %}
                         <tr>
-                            <td>{{ test.timestamp }}</td>
-                            <td class="text-info">{{ test.download }}</td>
-                            <td class="text-warning">{{ test.upload }}</td>
-                            <td>{{ test.ping }}</td>
-                            <td class="opacity-50">{{ test.server_name }}</td>
+                            <td style="width: 140px;"><b>NanoPi R3S</b></td>
+                            <td>192.168.10.1 (Роутер / Шлюз)</td>
+                            <td class="text-end"><span class="badge-status badge-success">ONLINE</span></td>
+                        </tr>
+                        <tr>
+                            <td><b>Synology NAS</b></td>
+                            <td>192.168.10.105 (Хранилище / PostgreSQL)</td>
+                            <td class="text-end"><span class="badge-status badge-success">ONLINE</span></td>
+                        </tr>
+                        <tr>
+                            <td><b>DockerServer</b></td>
+                            <td>192.168.10.116 (Domovoy / Maya Bot)</td>
+                            <td class="text-end"><span class="badge-status badge-success">ONLINE</span></td>
                         </tr>
-                        {% endfor %}
                     </tbody>
                 </table>
             </div>
         </div>
     </div>
-</div>
 
-<div class="row">
     <div class="col-md-6">
-        <div class="card bg-dark border-info">
-            <div class="card-header text-info">УЗЛЫ СЕТИ</div>
-            <div class="card-body">
-                <ul class="list-group list-group-flush bg-transparent">
-                    <li class="list-group-item bg-transparent text-white border-secondary">
-                        <span class="badge bg-success">ONLINE</span> NanoPi R3S (192.168.10.1)
-                    </li>
-                    <li class="list-group-item bg-transparent text-white border-secondary">
-                        <span class="badge bg-success">ONLINE</span> Synology NAS (192.168.10.105)
-                    </li>
-                    <li class="list-group-item bg-transparent text-white border-secondary">
-                        <span class="badge bg-success">ONLINE</span> DockerServer (192.168.10.116)
-                    </li>
-                </ul>
+        <div class="card h-100">
+            <div class="card-header d-flex justify-content-between align-items-center">
+                <span>ГИС ЖКХ & СБОРКА АРХИВА</span>
+                <span id="gisStatusBadge" class="badge-status">СТАТУС: ПРОВЕРКА</span>
             </div>
-        </div>
-    </div>
-    <div class="col-md-6">
-        <div class="card bg-dark border-primary">
-            <div class="card-header text-primary">ГИС ЖКХ & ЮРИДИЧЕСКИЙ АРХИВ</div>
             <div class="card-body">
-                <div class="d-flex justify-content-between align-items-center mb-3">
-                    <button id="runGisHarvestBtn" class="btn btn-outline-primary flex-grow-1 me-2">
-                        <i class="bi bi-cloud-download"></i> ЗАПУСТИТЬ ЖАТВУ И PDF-СБОРКУ
+                <div class="d-flex gap-2 mb-2">
+                    <button id="runGisHarvestBtn" class="btn-unix btn-unix-primary flex-grow-1">
+                        <i class="bi bi-cloud-download"></i> Запустить сборку ГИС ЖКХ
+                    </button>
+                    <button id="refreshGisStatusBtn" class="btn-unix">
+                        Обновить статус
                     </button>
-                    <div id="gisStatusBadge" class="badge bg-secondary p-2">СТАТУС: НЕИЗВЕСТНО</div>
                 </div>
-                <div class="mb-2 d-flex justify-content-between">
-                    <span class="small text-muted">ПОСЛЕДНИЕ ЛОГИ ЖНЕЦА:</span>
-                    <button id="refreshGisStatusBtn" class="btn btn-sm btn-link p-0 text-primary">ОБНОВИТЬ СТАТУС</button>
-                </div>
-                <pre id="gisLogs" class="bg-black text-success p-2 small border border-secondary" style="height: 200px; overflow-y: scroll; font-size: 0.7rem;"></pre>
-                <div class="small opacity-50 mt-2">Выполняет: Выкачка (Overwrite) -> Теггирование -> Склейка -> Google Drive</div>
-            </div>
-        </div>
-    </div>
-    <div class="col-md-6">
-        <div class="card bg-dark border-warning">
-            <div class="card-header text-warning">ДЕЙСТВИЯ</div>
-            <div class="card-body">
-                <button id="runSpeedtestBtn" class="btn btn-outline-warning w-100 mb-2">
-                    <i class="bi bi-play-fill"></i> ЗАПУСТИТЬ ТЕСТ СКОРОСТИ СЕЙЧАС
-                </button>
+                <div class="small text-muted mb-1">Лог выполнения процесса:</div>
+                <pre id="gisLogs" style="height: 160px; overflow-y: scroll; background-color: #ffffff; border: 1px solid var(--border-color); font-size: 11px;"></pre>
             </div>
         </div>
     </div>
 </div>
-{% endblock %}
 
-{% block extra_script %}
 <script>
 document.getElementById('runSpeedtestBtn').addEventListener('click', async function() {
     const btn = this;
     btn.disabled = true;
-    btn.innerHTML = '<span class="spinner-border spinner-border-sm"></span> ТЕСТИРУЮ (60с)...';
+    btn.innerHTML = '<span class="spinner-border spinner-border-sm"></span> Замер (до 60 сек)...';
     
     try {
         const response = await fetch('/api/infra/run_speedtest', { method: 'POST' });
@@ -107,16 +117,16 @@ document.getElementById('runSpeedtestBtn').addEventListener('click', async funct
         alert('Ошибка: ' + e);
     } finally {
         btn.disabled = false;
-        btn.innerHTML = '<i class="bi bi-play-fill"></i> ЗАПУСТИТЬ ТЕСТ СКОРОСТИ СЕЙЧАС';
+        btn.innerHTML = '<i class="bi bi-play-fill"></i> Запустить замер сейчас';
     }
 });
 
 document.getElementById('runGisHarvestBtn').addEventListener('click', async function() {
     const btn = this;
-    if (!confirm('Запустить тотальную перекачку ГИС ЖКХ и сборку PDF? Это займет значительное время.')) return;
+    if (!confirm('Запустить сборку ГИС ЖКХ? Это займет некоторое время.')) return;
     
     btn.disabled = true;
-    btn.innerHTML = '<span class="spinner-border spinner-border-sm"></span> ЖАТВА В ПРОЦЕССЕ...';
+    btn.innerHTML = '<span class="spinner-border spinner-border-sm"></span> Процесс запущен...';
     
     try {
         const response = await fetch('/api/infra/run_gis_harvest', { method: 'POST' });
@@ -126,7 +136,7 @@ document.getElementById('runGisHarvestBtn').addEventListener('click', async func
         alert('Ошибка: ' + e);
     } finally {
         btn.disabled = false;
-        btn.innerHTML = '<i class="bi bi-cloud-download"></i> ЗАПУСТИТЬ ЖАТВУ И PDF-СБОРКУ';
+        btn.innerHTML = '<i class="bi bi-cloud-download"></i> Запустить сборку ГИС ЖКХ';
         refreshGisStatus();
     }
 });
@@ -140,24 +150,23 @@ async function refreshGisStatus() {
         const data = await response.json();
         
         if (data.alive) {
-            badge.className = 'badge bg-success p-2';
-            badge.innerText = 'СТАТУС: РАБОТАЕТ';
+            badge.className = 'badge-status badge-success';
+            badge.innerText = 'РАБОТАЕТ';
         } else {
-            badge.className = 'badge bg-danger p-2';
-            badge.innerText = 'СТАТУС: ОСТАНОВЛЕН';
+            badge.className = 'badge-status';
+            badge.innerText = 'ОЖИДАНИЕ';
         }
         
-        logs.innerText = data.log;
+        logs.innerText = data.log || 'Лог чист';
         logs.scrollTop = logs.scrollHeight;
     } catch (e) {
-        badge.className = 'badge bg-warning p-2';
-        badge.innerText = 'ОШИБКА API';
+        badge.className = 'badge-status badge-danger';
+        badge.innerText = 'ОШИБКА';
     }
 }
 
 document.getElementById('refreshGisStatusBtn').addEventListener('click', refreshGisStatus);
 window.addEventListener('load', refreshGisStatus);
-// Авто-обновление раз в 30 секунд
 setInterval(refreshGisStatus, 30000);
 </script>
 {% endblock %}
diff --git a/web/templates/phones.html b/web/templates/phones.html
index e207863..d008e82 100644
--- a/web/templates/phones.html
+++ b/web/templates/phones.html
@@ -1,138 +1,138 @@
 {% extends "base.html" %}
 
-{% block title %}Телефоны и службы - Домовой Бот{% endblock %}
-
+{% block title %}Телефоны и службы - МКД ЛенКом 37{% endblock %}
 {% block nav_phones %}active{% endblock %}
 
 {% block extra_style %}
-.service-image-preview { max-width: 200px; max-height: 200px; object-fit: contain; }
+.service-image-preview { max-width: 120px; max-height: 80px; object-fit: contain; border: 1px solid var(--border-light); }
 {% endblock %}
 
 {% block content %}
-<h2 class="mb-4" style="color: var(--matrix-green); text-shadow: 0 0 10px var(--matrix-green);">>_ ТЕЛЕФОНЫ_И_СЛУЖБЫ</h2>
+<div class="mb-3">
+    <h4 class="mb-1" style="font-size: 16px; font-weight: bold;">Телефоны экстренных и обслуживающих служб</h4>
+    <div class="small text-muted">Справочник полезных контактов, аварийных служб и мастеров для жителей дома</div>
+</div>
 
 <!-- Добавить службу -->
-<div class="card mb-4 border-success">
-    <div class="card-header border-success">
-        <h5 class="mb-0"><i class="bi bi-plus-lg"></i> Добавить службу</h5>
+<div class="card mb-3">
+    <div class="card-header">
+        <i class="bi bi-plus-circle"></i> ДОБАВЛЕНИЕ НОВОЙ СЛУЖБЫ
     </div>
     <div class="card-body">
-        <form id="addServiceForm" class="row g-3">
+        <form id="addServiceForm" class="row g-2 align-items-center">
             <div class="col-md-3">
-                <input type="text" class="form-control bg-black border-success text-success" id="serviceName" placeholder="Название" required>
+                <input type="text" class="form-control" id="serviceName" placeholder="Название службы" required>
             </div>
             <div class="col-md-2">
-                <input type="text" class="form-control bg-black border-success text-success" id="servicePhone" placeholder="Телефон" required>
+                <input type="text" class="form-control" id="servicePhone" placeholder="Телефон" required>
             </div>
             <div class="col-md-2">
-                <select class="form-select bg-black border-success text-success" id="serviceCategory">
-                    <option value="emergency">🚨 Экстренные</option>
-                    <option value="utility">🔧 ЖКХ</option>
-                    <option value="masters">👷 Мастера</option>
-                    <option value="police">👮 Полиция</option>
-                    <option value="other">📋 Другое</option>
+                <select class="form-select" id="serviceCategory">
+                    <option value="emergency">Экстренные службы</option>
+                    <option value="utility" selected>ЖКХ и аварийные</option>
+                    <option value="masters">Мастера и ремонт</option>
+                    <option value="police">Полиция и охрана</option>
+                    <option value="other">Прочие контакты</option>
                 </select>
             </div>
             <div class="col-md-3">
-                <input type="text" class="form-control bg-black border-success text-success" id="serviceDesc" placeholder="Описание">
+                <input type="text" class="form-control" id="serviceDesc" placeholder="Описание / часы работы">
             </div>
             <div class="col-md-2">
-                <button type="submit" class="btn btn-matrix w-100">Добавить</button>
+                <button type="submit" class="btn-unix btn-unix-primary w-100">Добавить</button>
             </div>
         </form>
     </div>
 </div>
 
 <!-- Загрузить картинку -->
-<div class="card mb-4 border-success">
-    <div class="card-header border-success">
-        <h5 class="mb-0"><i class="bi bi-image"></i> Загрузить картинку для службы</h5>
+<div class="card mb-3">
+    <div class="card-header">
+        <i class="bi bi-image"></i> ЗАГРУЗКА ИЗОБРАЖЕНИЯ ДЛЯ КАТЕГОРИИ
     </div>
     <div class="card-body">
-        <form id="uploadImageForm" class="row g-3" enctype="multipart/form-data">
+        <form id="uploadImageForm" class="row g-2 align-items-center" enctype="multipart/form-data">
             <div class="col-md-3">
-                <select class="form-select bg-black border-success text-success" id="imageCategory" required>
-                    <option value="emergency">🚨 Экстренные</option>
-                    <option value="utility">🔧 ЖКХ</option>
-                    <option value="masters">👷 Мастера</option>
-                    <option value="police">👮 Полиция</option>
-                    <option value="other">📋 Другое</option>
+                <select class="form-select" id="imageCategory" required>
+                    <option value="emergency">Экстренные службы</option>
+                    <option value="utility" selected>ЖКХ и аварийные</option>
+                    <option value="masters">Мастера и ремонт</option>
+                    <option value="police">Полиция и охрана</option>
+                    <option value="other">Прочие контакты</option>
                 </select>
             </div>
-            <div class="col-md-4">
-                <input type="file" class="form-control bg-black border-success text-success" id="imageFile" accept="image/*" required>
-                <small class="text-muted">JPG, PNG до 5MB</small>
+            <div class="col-md-5">
+                <input type="file" class="form-control" id="imageFile" accept="image/*" required>
             </div>
-            <div class="col-md-2">
-                <button type="submit" class="btn btn-matrix w-100">Загрузить</button>
+            <div class="col-md-4">
+                <button type="submit" class="btn-unix w-100">Загрузить картинку</button>
             </div>
         </form>
-        <div id="uploadResult" class="mt-3"></div>
+        <div id="uploadResult" class="mt-2"></div>
     </div>
 </div>
 
 <!-- Список служб -->
-<div class="card border-success">
-    <div class="card-body">
-        <h5 class="text-success opacity-75">СУЩЕСТВУЮЩИЕ СЛУЖБЫ:</h5>
-        <table class="table table-dark table-hover mb-0">
-            <thead>
-                <tr>
-                    <th>Категория</th>
-                    <th>Название</th>
-                    <th>Телефон</th>
-                    <th>Описание</th>
-                    <th>Картинка</th>
-                    <th>Действия</th>
-                </tr>
-            </thead>
-            <tbody>
-                {% for service in services %}
-                <tr>
-                    <td>
-                        {% if service.category == 'emergency' %}
-                            <span class="badge bg-danger">🚨 Экстренные</span>
-                        {% elif service.category == 'utility' %}
-                            <span class="badge bg-info">🔧 ЖКХ</span>
-                        {% elif service.category == 'masters' %}
-                            <span class="badge bg-success">👷 Мастера</span>
-                        {% elif service.category == 'police' %}
-                            <span class="badge bg-warning text-dark">👮 Полиция</span>
-                        {% else %}
-                            <span class="badge bg-secondary">Другое</span>
-                        {% endif %}
-                    </td>
-                    <td>{{ service.name }}</td>
-                    <td><a href="tel:{{ service.phone }}">{{ service.phone }}</a></td>
-                    <td>{{ service.description or '—' }}</td>
-                    <td>
-                        {% if service.image_path %}
-                            <img src="/static/service_images/{{ service.image_path.split('/')[-1] }}"
-                                 class="service-image-preview" alt="Картинка">
-                            <br><small class="text-muted">✅</small>
-                        {% else %}
-                            <span class="text-muted">❌ Нет</span>
-                        {% endif %}
-                    </td>
-                    <td>
-                        <button class="btn btn-sm btn-danger" onclick="deleteService({{ service.service_id }})">
-                            <i class="bi bi-trash"></i>
-                        </button>
-                    </td>
-                </tr>
-                {% endfor %}
-            </tbody>
-        </table>
-        {% if not services %}
-        <p class="text-center text-muted">Служб нет</p>
-        {% endif %}
+<div class="card">
+    <div class="card-header">СПИСОК КОНТАКТОВ В БАЗЕ ДАННЫХ</div>
+    <div class="card-body p-0">
+        <div class="table-responsive">
+            <table class="table mb-0">
+                <thead>
+                    <tr>
+                        <th style="width: 150px;">Категория</th>
+                        <th>Название</th>
+                        <th style="width: 160px;">Телефон</th>
+                        <th>Описание</th>
+                        <th style="width: 130px;">Изображение</th>
+                        <th class="text-end" style="width: 90px;">Удалить</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {% for service in services %}
+                    <tr>
+                        <td>
+                            {% if service.category == 'emergency' %}
+                                <span class="badge-status badge-danger">Экстренные</span>
+                            {% elif service.category == 'utility' %}
+                                <span class="badge-status badge-warning">ЖКХ</span>
+                            {% elif service.category == 'masters' %}
+                                <span class="badge-status badge-success">Мастера</span>
+                            {% elif service.category == 'police' %}
+                                <span class="badge-status badge-info">Полиция</span>
+                            {% else %}
+                                <span class="badge-status">Другое</span>
+                            {% endif %}
+                        </td>
+                        <td><b>{{ service.name }}</b></td>
+                        <td><a href="tel:{{ service.phone }}"><b>{{ service.phone }}</b></a></td>
+                        <td>{{ service.description or '—' }}</td>
+                        <td>
+                            {% if service.image_path %}
+                                <img src="/static/service_images/{{ service.image_path.split('/')[-1] }}"
+                                     class="service-image-preview" alt="Превью">
+                            {% else %}
+                                <span class="text-muted small">Нет</span>
+                            {% endif %}
+                        </td>
+                        <td class="text-end">
+                            <button class="btn-unix" onclick="deleteService({{ service.service_id }})">
+                                <i class="bi bi-trash"></i>
+                            </button>
+                        </td>
+                    </tr>
+                    {% else %}
+                    <tr>
+                        <td colspan="6" class="text-center text-muted py-3">Службы пока не добавлены</td>
+                    </tr>
+                    {% endfor %}
+                </tbody>
+            </table>
+        </div>
     </div>
 </div>
-{% endblock %}
 
-{% block extra_script %}
 <script>
-    // Добавление службы
     document.getElementById('addServiceForm').addEventListener('submit', async (e) => {
         e.preventDefault();
         const data = {
@@ -146,11 +146,10 @@
             body: JSON.stringify(data)
         });
         const result = await r.json();
-        if (result.success) { alert('✅ Служба добавлена'); location.reload(); }
-        else { alert('❌ Ошибка: ' + (result.error || 'Неизвестная')); }
+        if (result.success) { alert('Служба добавлена'); location.reload(); }
+        else { alert('Ошибка: ' + (result.error || 'Неизвестная')); }
     });
 
-    // Загрузка картинки
     document.getElementById('uploadImageForm').addEventListener('submit', async (e) => {
         e.preventDefault();
         const formData = new FormData();
@@ -158,7 +157,7 @@
         formData.append('file', document.getElementById('imageFile').files[0]);
 
         const resultDiv = document.getElementById('uploadResult');
-        resultDiv.innerHTML = '<div class="alert alert-info">Загрузка...</div>';
+        resultDiv.innerHTML = '<div class="alert alert-info py-1 small">Загрузка...</div>';
 
         try {
             const r = await fetch('/api/service/upload_image', {
@@ -168,20 +167,21 @@
             const result = await r.json();
 
             if (result.success) {
-                resultDiv.innerHTML = `<div class="alert alert-success">✅ ${result.message}<br>Файл: ${result.file_path}</div>`;
+                resultDiv.innerHTML = `<div class="alert alert-success py-1 small">${result.message}</div>`;
+                setTimeout(() => location.reload(), 1500);
             } else {
-                resultDiv.innerHTML = `<div class="alert alert-danger">❌ Ошибка: ${result.error}</div>`;
+                resultDiv.innerHTML = `<div class="alert alert-danger py-1 small">Ошибка: ${result.error}</div>`;
             }
         } catch (err) {
-            resultDiv.innerHTML = `<div class="alert alert-danger">❌ Ошибка: ${err.message}</div>`;
+            resultDiv.innerHTML = `<div class="alert alert-danger py-1 small">Ошибка: ${err.message}</div>`;
         }
     });
 
     async function deleteService(id) {
-        if (!confirm('Удалить службу?')) return;
+        if (!confirm('Удалить эту службу?')) return;
         const r = await fetch(`/api/service/${id}/delete`, { method: 'POST' });
         const result = await r.json();
-        if (result.success) { alert('✅ Удалено'); location.reload(); }
+        if (result.success) { alert('Удалено'); location.reload(); }
     }
 </script>
 {% endblock %}
diff --git a/web/templates/scheduled_posts.html b/web/templates/scheduled_posts.html
index a02be95..005650b 100644
--- a/web/templates/scheduled_posts.html
+++ b/web/templates/scheduled_posts.html
@@ -30,8 +30,8 @@
 
             <div class="row">
                 <div class="col-md-6 mb-3">
-                    <label class="form-label text-info">🖼️ Готовое фото (Артефакт):</label>
-                    <select class="form-select bg-dark text-info border-info" id="artifactPhotoId">
+                    <label class="form-label">🖼️ Готовое фото (Артефакт):</label>
+                    <select class="form-select" id="artifactPhotoId">
                         <option value="">-- Не выбрано --</option>
                         {% for a in artifacts if a.file_type == 'photo' %}
                         <option value="{{ a.file_id }}">{{ a.filename }}</option>
@@ -39,8 +39,8 @@
                     </select>
                 </div>
                 <div class="col-md-6 mb-3">
-                    <label class="form-label text-warning">📄 Готовый документ (Артефакт):</label>
-                    <select class="form-select bg-dark text-warning border-warning" id="artifactDocumentId">
+                    <label class="form-label">📄 Готовый документ (Артефакт):</label>
+                    <select class="form-select" id="artifactDocumentId">
                         <option value="">-- Не выбрано --</option>
                         {% for a in artifacts if a.file_type == 'document' %}
                         <option value="{{ a.file_id }}">{{ a.filename }}</option>
diff --git a/web/templates/sudrf.html b/web/templates/sudrf.html
index a309498..c039a8a 100644
--- a/web/templates/sudrf.html
+++ b/web/templates/sudrf.html
@@ -1,39 +1,50 @@
 {% extends "base.html" %}
 
-{% block title %}Жатва ГАС Правосудие - LKM37{% endblock %}
+{% block title %}ГАС Правосудие - МКД ЛенКом 37{% endblock %}
 {% block nav_sudrf %}active{% endblock %}
 
 {% block content %}
-<h2 class="mb-4"><i class="bi bi-bank text-danger"></i> Жатва ГАС Правосудие</h2>
+<div class="mb-3">
+    <h4 class="mb-1" style="font-size: 16px; font-weight: bold;">Сбор материалов судебных дел (ГАС «Правосудие»)</h4>
+    <div class="small text-muted">Автоматизированная выгрузка карточек дел, определений и решений для базы NotebookLM</div>
+</div>
 
-<div class="row">
+<div class="row g-3">
     <!-- Инструкция и Статус -->
-    <div class="col-md-6 mb-4">
-        <div class="card bg-dark border-danger h-100">
-            <div class="card-header border-danger text-danger">
-                <i class="bi bi-info-circle"></i> ИНСТРУКЦИЯ И УПРАВЛЕНИЕ
+    <div class="col-md-6">
+        <div class="card h-100">
+            <div class="card-header">
+                ИНСТРУКЦИЯ И УПРАВЛЕНИЕ
             </div>
             <div class="card-body d-flex flex-column justify-content-between">
                 <div>
-                    <p class="text-white">Этот модуль предназначен для автоматизированного сбора поданных обращений, заявлений и ответов судов с портала ГАС «Правосудие» (ej.sudrf.ru) для последующей склейки в PDF и загрузки в Google Drive (NotebookLM).</p>
+                    <p class="small text-muted">
+                        Модуль собирает электронные документы судебных процессов по дому (ej.sudrf.ru), преобразует вложения в PDF и загружает в единый аналитический контур.
+                    </p>
                     
-                    <h5 class="text-danger mt-4"><i class="bi bi-1-circle"></i> Шаг 1: Подготовка сессии</h5>
-                    <p class="small text-muted">Нажмите кнопку «Запустить Жатву ГАС Правосудие» ниже. Система откроет скрытый браузер Chromium на виртуальном рабочем столе.</p>
+                    <div class="mb-3">
+                        <div style="font-weight: bold;">Шаг 1: Подготовка сессии</div>
+                        <div class="small text-muted">Нажмите кнопку «Запустить сессию» ниже. Будет открыт браузер на виртуальном рабочем столе.</div>
+                    </div>
                     
-                    <h5 class="text-danger mt-3"><i class="bi bi-2-circle"></i> Шаг 2: Авторизация ЕСИА</h5>
-                    <p class="small text-muted">Откройте VNC-браузер по ссылке справа и войдите в свой личный кабинет ГАС «Правосудие» через Госуслуги (потребуется пройти 2FA/SMS).</p>
+                    <div class="mb-3">
+                        <div style="font-weight: bold;">Шаг 2: Вход через Госуслуги (ЕСИА)</div>
+                        <div class="small text-muted">Перейдите по ссылке VNC и подтвердите вход по СМС в личном кабинете.</div>
+                    </div>
                     
-                    <h5 class="text-danger mt-3"><i class="bi bi-3-circle"></i> Шаг 3: Автоматический парсинг</h5>
-                    <p class="small text-muted">Как только вход будет обнаружен, скрипт перехватит сессию, соберет список дел, сделает скриншоты, скачает вложения и загрузит сводные PDF на Google Drive.</p>
+                    <div>
+                        <div style="font-weight: bold;">Шаг 3: Автоматический экспорт</div>
+                        <div class="small text-muted">После авторизации скрипт перехватит сессию, скачает дела и сформирует PDF.</div>
+                    </div>
                 </div>
                 
-                <div class="mt-4 pt-3 border-top border-secondary">
-                    <div class="d-flex justify-content-between align-items-center mb-3">
-                        <span class="text-white">Статус парсера:</span>
-                        <div id="sudrfStatusBadge" class="badge bg-secondary p-2">НЕИЗВЕСТНО</div>
+                <div class="mt-3 pt-3 border-top" style="border-color: var(--border-light) !important;">
+                    <div class="d-flex justify-content-between align-items-center mb-2">
+                        <span>Статус процесса:</span>
+                        <div id="sudrfStatusBadge" class="badge-status">ПРОВЕРКА</div>
                     </div>
-                    <button id="runSudrfParserBtn" class="btn btn-danger w-100 py-2">
-                        <i class="bi bi-play-circle-fill"></i> ЗАПУСТИТЬ ЖАТВУ ГАС ПРАВОСУДИЕ
+                    <button id="runSudrfParserBtn" class="btn-unix btn-unix-primary w-100 py-2">
+                        <i class="bi bi-play-circle"></i> Запустить сборку ГАС Правосудие
                     </button>
                 </div>
             </div>
@@ -41,41 +52,36 @@
     </div>
 
     <!-- VNC и Логи -->
-    <div class="col-md-6 mb-4">
-        <div class="card bg-dark border-info h-100">
-            <div class="card-header border-info text-info">
-                <i class="bi bi-display"></i> СЕССИЯ И ЛОГИ СКАНИРОВАНИЯ
+    <div class="col-md-6">
+        <div class="card h-100">
+            <div class="card-header d-flex justify-content-between align-items-center">
+                <span>VNC-ЭКРАН И ЖУРНАЛ СКАНИРОВАНИЯ</span>
+                <button id="refreshSudrfStatusBtn" class="btn-unix">
+                    <i class="bi bi-arrow-clockwise"></i> Обновить
+                </button>
             </div>
             <div class="card-body d-flex flex-column">
-                <a href="http://192.168.10.116:6080/vnc.html" target="_blank" class="btn btn-outline-info w-100 py-3 mb-2">
-                    <i class="bi bi-window-fullscreen"></i> ОТКРЫТЬ VNC ЭКРАН (noVNC)
+                <a href="http://192.168.10.116:6080/vnc.html" target="_blank" class="btn-unix w-100 text-center py-2 mb-2">
+                    <i class="bi bi-display"></i> Открыть VNC экран (noVNC)
                 </a>
-                <div class="alert alert-warning py-2 mb-3 text-warning border-warning" style="font-size: 0.75rem; background: transparent;">
-                    <i class="bi bi-exclamation-triangle"></i> <strong>Внимание:</strong> Если жатва не запущена, VNC-экран будет пустым (черным). Браузер Chromium автоматически откроется на экране сразу после нажатия кнопки «Запустить жатву».
+                <div class="small text-muted mb-2">
+                    <i>Экран браузера отображается в noVNC сразу после запуска сессии.</i>
                 </div>
                 
-                <div class="d-flex justify-content-between align-items-center mb-2">
-                    <span class="small text-muted">ЛОГИ В РЕАЛЬНОМ ВРЕМЕНИ:</span>
-                    <button id="refreshSudrfStatusBtn" class="btn btn-sm btn-outline-secondary py-0 px-2" style="font-size: 0.75rem;">
-                        <i class="bi bi-arrow-clockwise"></i> ОБНОВИТЬ
-                    </button>
-                </div>
-                
-                <pre id="sudrfLogs" class="bg-black text-danger p-3 small border border-secondary flex-grow-1" style="min-height: 250px; overflow-y: scroll; font-family: monospace; font-size: 0.75rem;"></pre>
+                <div class="small text-muted mb-1">Журнал работы:</div>
+                <pre id="sudrfLogs" class="flex-grow-1 mb-0" style="min-height: 220px; overflow-y: scroll; background-color: #ffffff; border: 1px solid var(--border-color); font-size: 11px;"></pre>
             </div>
         </div>
     </div>
 </div>
-{% endblock %}
 
-{% block extra_script %}
 <script>
 document.getElementById('runSudrfParserBtn').addEventListener('click', async function() {
     const btn = this;
     if (!confirm('Запустить сборку судебного архива ГАС Правосудие? Потребуется войти через Госуслуги во VNC.')) return;
     
     btn.disabled = true;
-    btn.innerHTML = '<span class="spinner-border spinner-border-sm"></span> СЕССИЯ ЗАПУЩЕНА...';
+    btn.innerHTML = '<span class="spinner-border spinner-border-sm"></span> Сессия запускается...';
     
     try {
         const response = await fetch('/api/sudrf/run', { method: 'POST' });
@@ -85,7 +91,7 @@ document.getElementById('runSudrfParserBtn').addEventListener('click', async fun
         alert('Ошибка при запуске: ' + e);
     } finally {
         btn.disabled = false;
-        btn.innerHTML = '<i class="bi bi-play-circle-fill"></i> ЗАПУСТИТЬ ЖАТВУ ГАС ПРАВОСУДИЕ';
+        btn.innerHTML = '<i class="bi bi-play-circle"></i> Запустить сборку ГАС Правосудие';
         refreshSudrfStatus();
     }
 });
@@ -99,25 +105,23 @@ async function refreshSudrfStatus() {
         const data = await response.json();
         
         if (data.alive) {
-            badge.className = 'badge bg-success p-2';
-            badge.innerText = 'СТАТУС: РАБОТАЕТ';
+            badge.className = 'badge-status badge-success';
+            badge.innerText = 'РАБОТАЕТ';
         } else {
-            badge.className = 'badge bg-danger p-2';
-            badge.innerText = 'СТАТУС: ОСТАНОВЛЕН';
+            badge.className = 'badge-status';
+            badge.innerText = 'ОЖИДАНИЕ';
         }
         
-        logs.innerText = data.log || "Лог пуст или еще не создан.";
+        logs.innerText = data.log || 'Лог чист';
         logs.scrollTop = logs.scrollHeight;
     } catch (e) {
-        badge.className = 'badge bg-warning p-2';
+        badge.className = 'badge-status badge-warning';
         badge.innerText = 'ОШИБКА API';
     }
 }
 
 document.getElementById('refreshSudrfStatusBtn').addEventListener('click', refreshSudrfStatus);
-
 window.addEventListener('load', refreshSudrfStatus);
-// Автообновление логов каждые 15 секунд
-setInterval(refreshSudrfStatus, 15000);
+setInterval(refreshSudrfStatus, 30000);
 </script>
 {% endblock %}
diff --git a/web/templates/users.html b/web/templates/users.html
index b429621..fa8cb0c 100644
--- a/web/templates/users.html
+++ b/web/templates/users.html
@@ -1,74 +1,90 @@
 {% extends "base.html" %}
 
-{% block title %}Пользователи - LKM37{% endblock %}
+{% block title %}Реестр жильцов - МКД ЛенКом 37{% endblock %}
 {% block nav_users %}active{% endblock %}
 
 {% block content %}
-<h2 class="mb-4" style="color: var(--matrix-green);">
-    >_ РЕЕСТР_СУБЪЕКТОВ
+<div class="d-flex justify-content-between align-items-center mb-3">
+    <div>
+        <h4 class="mb-1" style="font-size: 16px; font-weight: bold;">Реестр жильцов и доступ к ИИ</h4>
+        <div class="small text-muted">Управление верификацией и статусом доступа к юридическому модулю</div>
+    </div>
     {% if current_filter %}
-    <span class="badge bg-info ms-2">
-        {% if current_filter == 'verified' %}✅ ВЕРИФИЦИРОВАНЫ
-        {% elif current_filter == 'unverified' %}⏳ ОЖИДАНИЕ
-        {% elif current_filter == 'ig' %}🔵 TEAM
-        {% elif current_filter == 'active_unverified' %}🔥 АКТИВНЫ
-        {% else %}ВСЕ{% endif %}
-    </span>
-    <a href="/users" class="btn btn-sm btn-outline-secondary ms-2 text-success border-success">СБРОС</a>
+    <div>
+        <span class="badge-status badge-info">
+            ФИЛЬТР: 
+            {% if current_filter == 'verified' %}ВЕРИФИЦИРОВАНЫ
+            {% elif current_filter == 'unverified' %}ОЖИДАНИЕ
+            {% elif current_filter == 'ig' %}ИНИЦИАТИВНАЯ ГРУППА
+            {% elif current_filter == 'active_unverified' %}АКТИВНЫЕ
+            {% else %}ВСЕ{% endif %}
+        </span>
+        <a href="/users" class="btn-unix ms-2">Сбросить фильтр</a>
+    </div>
     {% endif %}
-</h2>
+</div>
 
-<!-- Статистика (ПЛОСКИЕ ПЕРЕМЕННЫЕ) -->
-<style>
-    .filter-card { cursor: pointer; transition: var(--transition-smooth) !important; }
-    .filter-card:hover { transform: translateY(-4px) !important; }
-    .filter-card.active-filter { box-shadow: 0 0 15px currentColor !important; border-width: 2px !important; }
-</style>
-
-<div class="row mb-4">
+<!-- Статистика и фильтры -->
+<div class="row g-3 mb-3">
     <div class="col-md-3">
-        <div class="card bg-black border-success text-success filter-card {% if not current_filter %}active-filter{% endif %}" onclick="location.href='/users'">
+        <div class="card h-100" style="cursor: pointer;" onclick="location.href='/users'">
+            <div class="card-header d-flex justify-content-between">
+                <span>ВСЕГО</span>
+                <i class="bi bi-people"></i>
+            </div>
             <div class="card-body text-center">
-                <h3>{{ total_count }}</h3>
-                <small>⚡️ ВСЕГО</small>
+                <div style="font-size: 22px; font-weight: bold;">{{ total_count }}</div>
+                <div class="small text-muted">Все пользователи</div>
             </div>
         </div>
     </div>
     <div class="col-md-3">
-        <div class="card bg-black border-success text-success filter-card {% if current_filter == 'verified' %}active-filter{% endif %}" onclick="location.href='/users?filter=verified'">
+        <div class="card h-100" style="cursor: pointer;" onclick="location.href='/users?filter=verified'">
+            <div class="card-header d-flex justify-content-between">
+                <span>ВЕРИФИЦИРОВАНЫ</span>
+                <i class="bi bi-patch-check"></i>
+            </div>
             <div class="card-body text-center">
-                <h3>{{ verified_count }}</h3>
-                <small>✅ ВЕРИФИЦИРОВАНЫ</small>
+                <div style="font-size: 22px; font-weight: bold;">{{ verified_count }}</div>
+                <div class="small text-muted">С подтверждением</div>
             </div>
         </div>
     </div>
     <div class="col-md-3">
-        <div class="card bg-black border-info text-info filter-card {% if current_filter == 'ig' %}active-filter{% endif %}" onclick="location.href='/users?filter=ig'">
+        <div class="card h-100" style="cursor: pointer;" onclick="location.href='/users?filter=ig'">
+            <div class="card-header d-flex justify-content-between">
+                <span>СОВЕТ ДОМА / ИГ</span>
+                <i class="bi bi-shield-check"></i>
+            </div>
             <div class="card-body text-center">
-                <h3>{{ ig_count }}</h3>
-                <small>🔵 ИНИЦИАТИВНАЯ ГРУППА</small>
+                <div style="font-size: 22px; font-weight: bold;">{{ ig_count }}</div>
+                <div class="small text-muted">Инициативная группа</div>
             </div>
         </div>
     </div>
     <div class="col-md-3">
-        <div class="card bg-black border-warning text-warning filter-card {% if current_filter == 'active_unverified' %}active-filter{% endif %}" onclick="location.href='/users?filter=active_unverified'">
+        <div class="card h-100" style="cursor: pointer;" onclick="location.href='/users?filter=active_unverified'">
+            <div class="card-header d-flex justify-content-between">
+                <span>ГОСТИ</span>
+                <i class="bi bi-chat-dots"></i>
+            </div>
             <div class="card-body text-center">
-                <h3>{{ active_unverified }}</h3>
-                <small>🔥 АКТИВНЫЕ ГОСТИ</small>
+                <div style="font-size: 22px; font-weight: bold;">{{ active_unverified }}</div>
+                <div class="small text-muted">Без верификации</div>
             </div>
         </div>
     </div>
 </div>
 
 <!-- Поиск -->
-<div class="card mb-4">
-    <div class="card-body bg-black border-success">
-        <form method="GET" action="/users" class="row g-3">
+<div class="card mb-3">
+    <div class="card-body p-2">
+        <form method="GET" action="/users" class="row g-2 align-items-center">
             <div class="col-md-10">
-                <input type="text" class="form-control bg-dark border-success text-success" name="search" placeholder="Поиск по ID, имени, квартире..." value="{{ search }}">
+                <input type="text" class="form-control" name="search" placeholder="Поиск по ID, имени, квартире..." value="{{ search }}">
             </div>
             <div class="col-md-2">
-                <button type="submit" class="btn btn-matrix w-100">ПОИСК</button>
+                <button type="submit" class="btn-unix btn-unix-primary w-100">Найти</button>
             </div>
         </form>
     </div>
@@ -76,20 +92,19 @@
 
 <!-- Таблица -->
 <div class="card">
-    <div class="card-header border-success">СПИСОК_СУБЪЕКТОВ</div>
+    <div class="card-header">СПИСОК СОБСТВЕННИКОВ И ЖИТЕЛЕЙ</div>
     <div class="card-body p-0">
         <div class="table-responsive">
-            <table class="table table-dark table-hover mb-0">
+            <table class="table mb-0">
                 <thead>
-                    <tr class="text-success opacity-50">
-                        <th>ID</th>
-                        <th>ИМЯ</th>
-                        <th>НИК</th>
-                        <th>КВАРТИРА</th>
-                        <th>СТАТУС</th>
-                        <th>ЮРИСТ</th>
-                        <th>РЕЙТИНГ</th>
-                        <th>ДЕЙСТВИЯ</th>
+                    <tr>
+                        <th style="width: 100px;">ID</th>
+                        <th>Имя</th>
+                        <th>Username</th>
+                        <th>Квартира</th>
+                        <th>Статус</th>
+                        <th style="width: 110px;">Доступ Юрист</th>
+                        <th>Рейтинг</th>
                     </tr>
                 </thead>
                 <tbody>
@@ -97,23 +112,32 @@
                     <tr>
                         <td><code>{{ user.user_id }}</code></td>
                         <td>{{ user.first_name }} {{ user.last_name or '' }}</td>
-                        <td>@{{ user.username or '—' }}</td>
-                        <td>{{ user.apartment or '—' }}</td>
                         <td>
-                            {% if user.verified %}<span class="text-success">V</span>{% else %}<span class="text-danger">X</span>{% endif %}
-                            {% if user.user_id in ig_user_ids %}<span class="text-info ms-1">IG</span>{% endif %}
+                            {% if user.username %}
+                            <a href="https://t.me/{{ user.username }}" target="_blank">@{{ user.username }}</a>
+                            {% else %}
+                            <span class="text-muted">—</span>
+                            {% endif %}
                         </td>
+                        <td><b>{{ user.apartment or '—' }}</b></td>
                         <td>
-                            <div class="form-check form-switch">
+                            {% if user.verified %}
+                            <span class="badge-status badge-success">Верифицирован</span>
+                            {% else %}
+                            <span class="badge-status badge-warning">Не подтвержден</span>
+                            {% endif %}
+                            {% if user.user_id in ig_user_ids %}
+                            <span class="badge-status badge-info ms-1">ИГ</span>
+                            {% endif %}
+                        </td>
+                        <td class="text-center">
+                            <div class="form-check form-switch d-inline-block">
                                 <input class="form-check-input" type="checkbox" role="switch" 
                                        {% if user.has_ai_access %}checked{% endif %}
                                        onclick="toggleAI({{ user.user_id }})">
                             </div>
                         </td>
                         <td>{{ user.rating }}</td>
-                        <td>
-                            <button class="btn btn-sm btn-outline-success" onclick="editUser({{ user.user_id }})"><i class="bi bi-pencil"></i></button>
-                        </td>
                     </tr>
                     {% endfor %}
                 </tbody>