/* ======================================
   DASHBOARD
====================================== */

.dashboard-cards{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin:30px 0;
}

.card{
    background:#fff;
    padding:25px;
    border-radius:15px;
    border-left:5px solid #ff6b00;
    box-shadow:0 5px 15px rgba(0,0,0,.08);
    transition:.3s;
}

.card:hover{
    transform:translateY(-5px);
}

.card h3{
    font-size:16px;
    color:#666;
    margin-bottom:15px;
}

.card span{
    display:block;
    font-size:36px;
    font-weight:bold;
    color:#ff6b00;
}

@media(max-width:1200px){

    .dashboard-cards{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .dashboard-cards{
        grid-template-columns:1fr;
    }

}