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

.cards{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

    gap:25px;

    margin-bottom:35px;

}

.card{

    background:#ffffff;

    border-radius:18px;

    padding:28px;

    box-shadow:0 12px 35px rgba(0,0,0,.08);

    transition:.25s;

    cursor:pointer;

    border:1px solid #ECECEC;

}

.card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 40px rgba(0,0,0,.12);

}

.card h3{

    margin:0;

    font-size:15px;

    color:#6B7280;

    font-weight:500;

}

.card p{

    margin-top:18px;

    font-size:40px;

    color:#4F8C84;

    font-weight:700;

}

/* ================================= */

.dashboard-grid{

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:25px;

}

/* ================================= */

.panel{

    background:white;

    border-radius:18px;

    padding:30px;

    box-shadow:0 12px 35px rgba(0,0,0,.08);

    border:1px solid #ECECEC;

}

.panel h2{

    margin-top:0;

    margin-bottom:20px;

    font-size:22px;

}

.panel ul{

    list-style:none;

    padding:0;

    margin:0;

}

.panel li{

    padding:16px 0;

    border-bottom:1px solid #ECECEC;

}

.panel li:last-child{

    border-bottom:none;

}

.panel p{

    color:#6B7280;

    line-height:1.8;

}

/* ================================= */

@media(max-width:1000px){

    .dashboard-grid{

        grid-template-columns:1fr;

    }

}