#loading-overlay {
      position: fixed;
      top: 0 ;
      left: 0  ;
      right: 0 ;
      bottom: 0 ;
      background: rgba(255,255,255,0.96);
      display: flex ;
      align-items: center;
      justify-content: center;
      z-index: 9999 ;
      pointer-events: none ;
    }
    
    .loading-card {
      background: #fff;
      border: 2px solid #3AA73E ;
      border-radius: 16px;
      box-shadow: 0 8px 24px rgba(0,0,0,0.12) ;
      padding: 20px 24px ;
      display: flex;
      align-items: center ;
      gap: 12px ;
    }
    
    .spinner {
      width: 22px ;
      height: 22px ;
      border: 3px solid #e5ebf0;
      border-top-color: #3AA73E ;
      border-radius: 50% ;
      animation: spin 1s linear infinite;
    }
    
    @keyframes spin {
      to { transform: rotate(360deg); }
    }
    
    .loading-text {
      font-size: 15px ;
      color: #252D47 ;
    }