body {
}
.initial-loader-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    background-color: #f5f5f5; /* رنگ پس زمینه دلخواه (روشن) */
}

.mud-circular-progress {
    width: 60px;
    height: 60px;
    animation: mud-spin 1.4s linear infinite;
}

.mud-circular-progress-circle {
    stroke: #594AE2; /* رنگ اصلی تم MudBlazor (Primary) - میتوانید تغییر دهید */
    stroke-dasharray: 80, 200;
    stroke-dashoffset: 0;
    animation: mud-circular-dash 1.4s ease-in-out infinite;
    stroke-linecap: round;
}

@keyframes mud-spin {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes mud-circular-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 100, 200;
        stroke-dashoffset: -15px;
    }

    100% {
        stroke-dasharray: 100, 200;
        stroke-dashoffset: -125px;
    }
}

.loading-text {
    margin-top: 20px;
    color: #424242;
    font-size: 1.1rem;
    font-weight: 500;
}