/* QCMS PRO DASHBOARD STYLE */


.dashboard-home {

    padding: 50px;

}


/* TITLE */

.dashboard-home h1 {

    font-size: 50px;

    margin-bottom: 15px;

}


.dashboard-home > p {

    color: #999;

    font-size: 20px;

    margin-bottom: 45px;

}



/* STAT CARDS */


.stats {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 25px;

    margin-bottom: 35px;

}



.stats .panel {


    min-height: 200px;

}



/* NUMBERS */


.panel h3 {

    font-size: 45px;

    margin-top: 20px;

    color: #00ff88;

}



/* DASHBOARD PANELS */


.panel {


    background: rgba(255,255,255,0.05);


    border: 1px solid rgba(255,255,255,0.12);


    border-radius: 25px;


    padding: 30px;


    backdrop-filter: blur(15px);


    transition: 0.3s;


}



.panel:hover {


    transform: translateY(-8px);


    border-color:#00ff88;


}



/* TOP OPPORTUNITY */


.dashboard-home > .panel {


    margin-top:30px;


}



/* ANIMATION */


.panel {


    animation: showPanel .6s ease;


}



@keyframes showPanel {


from {


opacity:0;


transform:translateY(20px);


}



to {


opacity:1;


transform:translateY(0);


}


}



/* MOBILE */


@media(max-width:900px){


.stats {


grid-template-columns:1fr;


}



.dashboard-home {


padding:25px;


}



.dashboard-home h1 {


font-size:35px;


}


}