/* Simple loading spinner CSS */
.loading-container {
       display: flex;
       justify-content: center;
       align-items: center;
       height: 100vh;
       width: 100%;
       background-color: rgba(255, 255, 255, 0.8); /* Optional, to cover the background */
     }
     
     .spinner {
       border: 8px solid #f3f3f3;
       border-top: 8px solid #3498db;
       border-radius: 50%;
       width: 50px;
       height: 50px;
       animation: spin 2s linear infinite;
     }
     
     @keyframes spin {
       0% { transform: rotate(0deg); }
       100% { transform: rotate(360deg); }
     }