Make boursecu branch boursecu-only and simplify app loading.

Remove multi-tenant branches and default views, show logo-only boot and splash screens, and polish boursecu transactions tab styling.

Co-authored-by: Cursor <cursoragent@cursor.com>

index.html

@@ -17,8 +17,8 @@
 <!---->
   <style>
       :root {
-          --boot-bg: #ffffff;
-          --boot-bg-soft: #f8fafc;
+          --boot-bg: #133050;
+          --boot-bg-soft: #133050;
           --boot-card: rgba(255, 255, 255, 0.88);
           --boot-border: rgba(15, 23, 42, 0.08);
           --boot-text: #111827;
@@ -52,75 +52,26 @@
                   BlinkMacSystemFont,
                   "Segoe UI",
                   sans-serif;
-          background:
-                  radial-gradient(circle at top, var(--boot-orb), transparent 38%),
-                  linear-gradient(
-                          135deg,
-                          var(--boot-bg) 0%,
-                          var(--boot-bg-soft) 100%
-                  );
+          background: var(--boot-bg);
           color: var(--boot-text);
           overflow: hidden;
       }
 
-      .boot-loader__card {
-          position: relative;
-          width: min(340px, calc(100vw - 48px));
-          padding: 30px 22px 28px;
-          border-radius: 24px;
-          text-align: center;
-          background: var(--boot-card);
-          border: 1px solid var(--boot-border);
-          box-shadow: 0 18px 48px var(--boot-shadow);
-          backdrop-filter: blur(10px);
+      .boot-loader__logo {
+          width: min(72vw, 280px);
+          height: auto;
+          object-fit: contain;
+          animation: boot-logo-fade-in 0.45s ease-out both;
       }
 
-      .boot-loader__orb {
-          position: absolute;
-          top: -72px;
-          left: 50%;
-          width: 150px;
-          height: 150px;
-          transform: translateX(-50%);
-          border-radius: 999px;
-          background: var(--boot-orb);
-          filter: blur(8px);
-          pointer-events: none;
-      }
-
-      .boot-loader__spinner {
-          position: relative;
-          z-index: 1;
-          width: 56px;
-          height: 56px;
-          margin: 0 auto 20px;
-          border-radius: 999px;
-          border: 4px solid var(--boot-spinner-track);
-          border-top-color: var(--boot-accent);
-          animation: boot-spin 0.9s linear infinite;
-      }
-
-      .boot-loader__title {
-          position: relative;
-          z-index: 1;
-          margin: 0;
-          font-size: 19px;
-          font-weight: 800;
-          letter-spacing: -0.02em;
-      }
-
-      .boot-loader__text {
-          position: relative;
-          z-index: 1;
-          margin: 10px 0 0;
-          color: var(--boot-muted);
-          font-size: 14px;
-          line-height: 2;
-      }
-
-      @keyframes boot-spin {
+      @keyframes boot-logo-fade-in {
+          from {
+              opacity: 0;
+              transform: scale(0.96);
+          }
           to {
-              transform: rotate(360deg);
+              opacity: 1;
+              transform: scale(1);
           }
       }
 
@@ -323,6 +274,20 @@
           setVar('--App-background-color', tenantBackground)
         }
 
+        var logoEl = document.getElementById('boot-logo')
+        if (logoEl) {
+          if (user.name === 'boursecu') {
+            logoEl.src = '/boursecu-splash.png'
+          } else if (user.avatar) {
+            logoEl.src = user.avatar
+          }
+        }
+
+        if (user.name === 'boursecu') {
+          setVar('--boot-bg', '#133050')
+          setVar('--boot-bg-soft', '#133050')
+        }
+
         document.title = user.name_fa || user.name || 'در حال بارگذاری...'
       }
 
@@ -334,13 +299,12 @@
 <body>
 <div id="app">
   <div class="boot-loader">
-    <div class="boot-loader__card">
-      <div class="boot-loader__orb"></div>
-      <div class="boot-loader__spinner"></div>
-
-      <h1 class="boot-loader__title">در حال هدایت به سامانه</h1>
-      <p class="boot-loader__text">لطفاً چند لحظه صبر کنید...</p>
-    </div>
+    <img
+      id="boot-logo"
+      class="boot-loader__logo"
+      src="/boursecu-splash.png"
+      alt=""
+    />
   </div>
 </div>