#loader-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(255, 255, 255, 0.96);
display: flex;
justify-content: center;
align-items: center;
z-index: 99999;
}
.loader-wrapper {
display: flex;
flex-direction: column;
align-items: center;
font-family: 'Segoe UI', sans-serif;
}
.spinner {
width: 50px;
height: 50px;
border: 4px solid #e0f2ec;
border-top: 4px solid #5EB192;
border-radius: 50%;
animation: spin 1s linear infinite;
}
.loader-wrapper p {
margin-top: 20px;
color: #2F5D50;
font-size: 1rem;
font-weight: 500;
text-align: center;
min-height: 1.2em;
max-width: 300px;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}