/* Loading Indicator */
    #top-loading-indicator {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 2px;
      z-index: 1000;
      overflow: hidden;
      display: none;
      background: rgba(0,0,0,0.05);
    }
    .loading-line {
      height: 2px;
      position: absolute;
      left: 0;
      width: 0%;
      transition: width 0.4s cubic-bezier(0.1, 0.05, 0, 1);
    }
    #loading-line-1 {
      top: 0;
      
      box-shadow: 0 0 10px rgba(0,0,0,0.2);
    }
    
  
    .page-loading-out {
      opacity: 0;
      transform: translateY(10px);
    }
    
    /* Full screen loader */
    #app-loader {
      position: fixed;
      inset: 0;
      z-index: 400;
      display: none;
      align-items: center;
      justify-content: center;
      background: var(--bg-base, #ffffff);
    }
    #app-loader.hidden {
      display: none;
    }
    
    /* Custom Alert */
    #customAlert {
      position: fixed;
      bottom: 6rem;
      left: 1rem;
      right: 1rem;
      display: flex;
      justify-content: center;
      pointer-events: none;
      z-index: 400;
      transition: all 0.3s ease;
      transform: translateY(1rem);
      opacity: 0;
    }
    #customAlert.visible {
      transform: translateY(0);
      opacity: 1;
    }
    
    /* Query Alert */
    #queryAlert {
      position: fixed;
      bottom: 6rem;
      left: 1rem;
      right: 1rem;
      display: flex;
      justify-content: center;
      z-index: 400;
      transition: all 0.3s ease;
      transform: translateY(1rem);
      opacity: 0;
      pointer-events: none;
    }
    #queryAlert.visible {
      transform: translateY(0);
      opacity: 1;
      pointer-events: auto;
    }