/* Splash screen styling */
#splash-screen {
    position: fixed;
    /*top: 0;
    left: 0;*/
    width: 100%;
    height: 100%;
    background: transparent;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    transition: opacity 2s ease-out;
}

    #splash-screen img {
        width: 150px;
        margin-bottom: 10px;
    }

    #splash-screen .company-name {
        font-size: 14px;
        margin-bottom: 20px;
    }

    #splash-screen span {
        font-size: 24px;
        margin-bottom: 10px;
        color: #598D41 !important;
    }

    #splash-screen p {
        margin: 5px 0;
        color: #336699 !important;
        font-weight:500;
    }

    #splash-screen .loading-bar {
        width: 25%;
        height: 15px;
        background: rgb(20, 64, 134, 0.30);
        border-radius: 8px;
        overflow: hidden;
        position: relative;
        margin-top: 20px;
    }

        #splash-screen .loading-bar span {
            display: block;
            height: 100%;
            width: 0%;
            background: linear-gradient(90deg, rgb(34, 104, 180, 0.70), rgb(32, 108, 14, 0.50));
            animation: loading 5s ease-in-out forwards;
        }

    #splash-screen .copyright {
        font-size: 14px;
        margin-top: 20px;
    }

@keyframes loading {
    from {
        width: 0%;
    }

    to {
        width: 100%;
    }
}

/* Main content styling */
#main-content {
    display: none; /* Hidden until splash screen finishes */
    /* padding: 20px;
        text-align: center; */
}