спиннер загрузки с сервера

api/static/css/layout.css

@@ -3,3 +3,31 @@ body {
     background-repeat: repeat;
     background-size: 512px auto;
 }
+
+.loader-bg {
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+
+  /* светлый фон */
+  background: rgba(255, 255, 255, 0.85);
+
+  /* мягкая тень = эффект размытия краёв */
+  box-shadow:
+    0 0 0 8px rgba(255, 255, 255, 0.35),
+    0 0 20px rgba(0, 0, 0, 0.08);
+
+  /* чуть сглаживаем */
+  backdrop-filter: blur(2px);
+}
+
+/* плавное появление */
+#globalLoader {
+  transition: opacity .15s ease-in-out;
+}
+#globalLoader.d-none {
+  opacity: 0;
+}
+#globalLoader:not(.d-none) {
+  opacity: 1;
+}