/* 🎨 PropFlow Premium Splash Styles */
    :root {
      --primary-color: #1C68E9;
    }

    body {
      inset: 0;
      overflow: hidden;
      margin: 0;
      padding: 0;
      position: fixed;
      background: #0F172A;
      /* Slate 900 */
    }

    #propflow-splash-container {
      position: fixed;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      background: radial-gradient(circle at center, #1E293B 0%, #0F172A 100%);
      transition: opacity 0.8s ease-out, visibility 0.8s;
      z-index: 999999;
    }

    .splash-card {
      margin-left: 24px;
      margin-right: 24px;
      padding: 48px;
      border-radius: 32px;
      background: rgba(255, 255, 255, 0.03);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      /*border: 1px solid rgba(255, 255, 255, 0.1);*/
      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
      display: flex;
      flex-direction: column;
      align-items: center;
      max-width: 380px;
      width: 90%;
      text-align: center;
      animation: splashFadeIn 1s ease-out;
    }

    .splash-logo {
      width: 80px;
      height: 80px;
      background: white;
      border-radius: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3), 0 0 20px rgba(28, 104, 233, 0.2);
      margin-bottom: 24px;
      animation: logoPulse 2s infinite ease-in-out;
      overflow: hidden;
    }

    .splash-logo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .splash-title {
      font-family: 'Outfit', sans-serif;
      color: white;
      font-size: 28px;
      font-weight: 700;
      margin: 0 0 8px 0;
      letter-spacing: -0.5px;
    }

    .splash-subtitle {
      font-family: 'Outfit', sans-serif;
      color: rgba(255, 255, 255, 0.5);
      font-size: 15px;
      margin-bottom: 32px;
    }

    .loading-bar {
      width: 140px;
      height: 4px;
      background: rgba(255, 255, 255, 0.05);
      border-radius: 10px;
      position: relative;
      overflow: hidden;
    }

    .loading-bar-progress {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      /* 🌊 Premium Gradient Swipe */
      background: linear-gradient(90deg, transparent 0%, var(--primary-color) 50%, transparent 100%);
      border-radius: 10px;
      transform: translateX(-100%);
      animation: loadingSwipe 2s infinite cubic-bezier(0.4, 0, 0.2, 1);
      will-change: transform;
    }

    @keyframes splashFadeIn {
      from {
        opacity: 0;
        transform: scale(0.95);
      }

      to {
        opacity: 1;
        transform: scale(1);
      }
    }

    @keyframes logoPulse {

      0%,
      100% {
        transform: scale(1);
        box-shadow: 0 0 30px rgba(28, 104, 233, 0.3);
      }

      50% {
        transform: scale(1.05);
        box-shadow: 0 0 50px rgba(28, 104, 233, 0.5);
      }
    }

    @keyframes loadingSwipe {
      0% {
        transform: translateX(-100%);
      }

      100% {
        transform: translateX(100%);
      }
    }

    .main-app-ready #propflow-splash-container {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
    }