.dashboard-layout{

    display:grid;

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

    gap:25px;

    margin-top:35px;

}
.chart-widget{

    grid-column:span 8;

    min-height:380px;

}
.employee-widget{

    grid-column:span 4;

}
.orders-widget{

    grid-column:span 7;

}
.vehicles-widget{

    grid-column:span 5;

}
.actions-widget{

    grid-column:span 12;

}
.widget{

    padding:30px;

    border-radius:30px;

    background:

    rgba(255,255,255,.03);

    border:

    1px solid rgba(255,255,255,.05);

    backdrop-filter:blur(25px);

}
.chart-container{

    position:relative;

    width:100%;

    height:280px;

}


.widget ul{

    list-style:none;

}


.widget li{

    padding:15px 0;

    border-bottom:

    1px solid rgba(255,255,255,.05);

}


.quick-actions{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

}


.action-btn{

    display:flex;

    align-items:center;

    gap:15px;

    padding:18px 30px;

    border-radius:20px;

    background:

    rgba(255,255,255,.03);

    border:

    1px solid rgba(255,255,255,.05);

    transition:.4s;

    cursor:pointer;

}


.action-btn:hover{

    transform:translateY(-5px);

    border-color:

    rgba(0,217,255,.25);

    box-shadow:

    0 0 30px rgba(0,217,255,.10);

}


.action-btn i{

    color:var(--primary);

}
.activity-widget{

    grid-column:span 7;

}


.status-widget{

    grid-column:span 5;

}
.status-online{

    color:#0f0;

}