#auth-loader {
        position: fixed;
        inset: 0;
        background: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 99999;
        transition: opacity 0.3s ease;
    }

    #auth-loader.hidden {
        opacity: 0;
        pointer-events: none;
    }

    .loader-spinner {
        width: 42px;
        height: 42px;
        border: 4px solid #e5e5e5;
        border-top-color: #233A35;
        border-radius: 50%;
        animation: spin 0.8s linear infinite;
    }

    @keyframes spin {
        to {
            transform: rotate(360deg);
        }
    }