Конкретно пересмотрел логику работы. Легаси вынесена в архив

static/css/style.css

@@ -5,24 +5,26 @@ body {
     flex-direction: column;
     min-height: 100vh;
     /* Убрали общее центрирование, чтобы реестр был сверху */
-    justify-content: flex-start; 
+    justify-content: flex-start;
 }
 
 /* Навбар и Футер: жестко фиксируем цвет для обеих тем */
-.navbar, .footer-custom {
+.navbar,
+.footer-custom {
     /* Темный графит, который хорошо смотрится и там, и там */
-    background-color: #2c3034 !important; 
+    background-color: #2c3034 !important;
     border-bottom: 1px solid #3d4246 !important;
-    border-top: 1px solid #3d4246 !important; /* Для футера */
+    border-top: 1px solid #3d4246 !important;
+    /* Для футера */
 }
 
 /* Принудительно светлый текст для футера и навбара */
-.navbar .nav-link, 
-.navbar .navbar-brand, 
-.footer-custom span, 
+.navbar .nav-link,
+.navbar .navbar-brand,
+.footer-custom span,
 .footer-custom strong,
 .footer-custom .text-muted {
-    color: #e9ecef !important; 
+    color: #e9ecef !important;
 }
 
 /* Состояние активной ссылки в меню */
@@ -32,7 +34,9 @@ body {
 }
 
 /* Цвет ссылок в темном навбаре, чтобы не сливались */
-.navbar .nav-link, .navbar .navbar-brand, .navbar .text-reset {
+.navbar .nav-link,
+.navbar .navbar-brand,
+.navbar .text-reset {
     color: #e9ecef !important;
 }
 
@@ -46,27 +50,48 @@ body {
 
 /* Подсветка при наведении */
 .clickable-row:hover {
-    background-color: rgba(255, 193, 7, 0.05) !important; /* Легкий отсвет нашего акцента */
+    background-color: rgba(255, 193, 7, 0.05) !important;
+    /* Легкий отсвет нашего акцента */
 }
 
 /* --- ТЕМЫ --- */
 
 [data-bs-theme="dark"] {
-    --bs-body-bg: #121212; /* Глубокий черный фон */
-    --bs-body-color: #e9ecef; /* Светло-серый текст */
-    --bs-accent: #ffc107; /* Желтый акцент (Amber) */
+    --bs-body-bg: #121212;
+    /* Глубокий черный фон */
+    --bs-body-color: #e9ecef;
+    /* Светло-серый текст */
+    --bs-accent: #ffc107;
+    /* Желтый акцент (Amber) */
 }
 
 [data-bs-theme="light"] {
-    --bs-body-bg: #f8f9fa; /* Почти белый фон */
-    --bs-body-color: #212529; /* Темный текст */
-    --bs-accent: #0d6efd; /* Синий акцент для светлой темы */
+    --bs-body-bg: #f8f9fa;
+    /* Почти белый фон */
+    --bs-body-color: #212529;
+    /* Темный текст */
+    --bs-accent: #0d6efd;
+    /* Синий акцент для светлой темы */
 }
 
-[data-bs-theme="dark"] input[type="date"] { color-scheme: dark; }
-[data-bs-theme="dark"] .form-control[type="date"] { background-color: #1e1e1e; border-color: #3d4246; color: #e9ecef; }
-[data-bs-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator { filter: invert(1) brightness(1.4) contrast(1.2); opacity: 0.95; }
-[data-bs-theme="light"] input[type="date"] { color-scheme: light; }
+[data-bs-theme="dark"] input[type="date"] {
+    color-scheme: dark;
+}
+
+[data-bs-theme="dark"] .form-control[type="date"] {
+    background-color: #1e1e1e;
+    border-color: #3d4246;
+    color: #e9ecef;
+}
+
+[data-bs-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator {
+    filter: invert(1) brightness(1.4) contrast(1.2);
+    opacity: 0.95;
+}
+
+[data-bs-theme="light"] input[type="date"] {
+    color-scheme: light;
+}
 
 /* --- ТАБЛИЦА И КАРТОЧКИ --- */
 
@@ -75,7 +100,8 @@ body {
     background-color: #1e1e1e !important;
     color: var(--bs-accent) !important;
     font-size: 0.9rem;
-    text-transform: uppercase; /* Все буквы заглавные */
+    text-transform: uppercase;
+    /* Все буквы заглавные */
 }
 
 /* Фикс для таблиц в светлой теме */
@@ -88,7 +114,9 @@ body {
 /* --- ВСПОМОГАТЕЛЬНЫЕ КЛАССЫ --- */
 
 /* Текст акцентного цвета */
-.text-accent { color: var(--bs-accent) !important; }
+.text-accent {
+    color: var(--bs-accent) !important;
+}
 
 /* Кнопка с контуром акцентного цвета */
 .btn-outline-accent {
@@ -96,7 +124,7 @@ body {
     border-color: var(--bs-accent) !important;
 }
 
-.btn-check:checked + .btn-outline-accent,
+.btn-check:checked+.btn-outline-accent,
 .btn-outline-accent.active,
 .btn-outline-accent:active {
     background-color: var(--bs-accent) !important;
@@ -104,14 +132,14 @@ body {
 }
 
 [data-bs-theme="dark"] .btn-outline-accent:hover,
-[data-bs-theme="dark"] .btn-check:checked + .btn-outline-accent,
+[data-bs-theme="dark"] .btn-check:checked+.btn-outline-accent,
 [data-bs-theme="dark"] .btn-outline-accent.active,
 [data-bs-theme="dark"] .btn-outline-accent:active {
     color: #212529 !important;
 }
 
 [data-bs-theme="light"] .btn-outline-accent:hover,
-[data-bs-theme="light"] .btn-check:checked + .btn-outline-accent,
+[data-bs-theme="light"] .btn-check:checked+.btn-outline-accent,
 [data-bs-theme="light"] .btn-outline-accent.active,
 [data-bs-theme="light"] .btn-outline-accent:active {
     color: #ffffff !important;
@@ -126,9 +154,33 @@ body {
 }
 
 /* Специальный класс для центрирования окна логина (вернем его только там) */
+.sf-attention {
+    animation: sfAttentionPulse 1.6s ease-in-out infinite;
+}
+
+@keyframes sfAttentionPulse {
+
+    0%,
+    100% {
+        box-shadow: 0 0 0 rgba(255, 193, 7, 0);
+    }
+
+    50% {
+        box-shadow: 0 0 0.9rem rgba(255, 193, 7, 0.35);
+    }
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .sf-attention {
+        animation: none;
+    }
+}
+
 .flex-center-center {
     display: flex;
     flex-grow: 1;
-    align-items: center; /* Центр по вертикали */
-    justify-content: center; /* Центр по горизонтали */
+    align-items: center;
+    /* Центр по вертикали */
+    justify-content: center;
+    /* Центр по горизонтали */
 }