добавил на страницы загрузок эффект матрицы

static/styles.css

@@ -2174,4 +2174,70 @@ body:not(.edit-mode-on) .referee-search {
     background: var(--accent-hover);
     border-color: var(--accent-hover);
     transform: translateY(-1px);
+}
+
+.matrix-loader {
+    position: fixed;
+    inset: 0;
+    z-index: 99999;
+    display: none;
+    align-items: center;
+    justify-content: center;
+    background: rgba(0, 0, 0, 0.93);
+    overflow: hidden;
+}
+
+.matrix-loader.active {
+    display: flex;
+}
+
+.matrix-canvas {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.matrix-content {
+    position: relative;
+    z-index: 2;
+    text-align: center;
+    padding: 24px 28px;
+    border-radius: 16px;
+    background: rgba(0, 0, 0, 0.35);
+    border: 1px solid rgba(0, 255, 120, 0.25);
+    box-shadow: 0 0 30px rgba(0, 255, 120, 0.12);
+    backdrop-filter: blur(4px);
+}
+
+.matrix-title {
+    margin-bottom: 10px;
+    font-size: 28px;
+    font-weight: 700;
+    color: #9dffb2;
+    text-shadow: 0 0 10px rgba(0, 255, 120, 0.35);
+}
+
+.matrix-status {
+    font-size: 15px;
+    color: #d7ffe1;
+    opacity: 0.95;
+}
+
+.matrix-loader.is-error .matrix-content {
+    border-color: rgba(255, 90, 90, 0.35);
+    box-shadow: 0 0 30px rgba(255, 90, 90, 0.12);
+}
+
+.matrix-loader.is-error .matrix-title {
+    color: #ff9c9c;
+    text-shadow: 0 0 10px rgba(255, 90, 90, 0.25);
+}
+
+.matrix-loader.is-error .matrix-status {
+    color: #ffd4d4;
+}
+
+.matrix-loader.is-success .matrix-title {
+    color: #9dffb2;
 }