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

.nc-dashboard-grid{

    display:grid;

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

    gap:24px;

    margin-bottom:30px;

}

.nc-kpi{

    background:var(--nc-card);

    border-radius:16px;

    padding:24px;

    box-shadow:var(--nc-shadow);

    display:flex;

    justify-content:space-between;

    align-items:center;

    transition:.25s;

}

.nc-kpi:hover{

    transform:translateY(-4px);

}

.nc-kpi-info{

    display:flex;

    flex-direction:column;

    gap:8px;

}

.nc-kpi-title{

    color:#64748B;

    font-size:14px;

    font-weight:600;

}

.nc-kpi-value{

    font-size:30px;

    font-weight:700;

    color:var(--nc-text);

}

.nc-kpi-change{

    font-size:13px;

    font-weight:600;

}

.nc-positive{

    color:var(--nc-success);

}

.nc-negative{

    color:var(--nc-danger);

}

.nc-warning-text{

    color:var(--nc-warning);

}

.nc-kpi-icon{

    width:64px;

    height:64px;

    border-radius:16px;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:28px;

}

.nc-bg-primary{

    background:#E9F2FB;

}

.nc-bg-success{

    background:#EAFBF3;

}

.nc-bg-warning{

    background:#FFF8E7;

}

.nc-bg-danger{

    background:#FCEBEC;

}

.nc-panel{

    background:white;

    border-radius:16px;

    box-shadow:var(--nc-shadow);

    padding:24px;

    margin-bottom:24px;

}

.nc-panel-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:20px;

}

.nc-panel-title{

    font-size:20px;

    font-weight:700;

}

.nc-activity{

    display:flex;

    flex-direction:column;

    gap:16px;

}

.nc-activity-item{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding-bottom:14px;

    border-bottom:1px solid var(--nc-border);

}

.nc-status{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:6px 12px;

    border-radius:50px;

    font-size:12px;

    font-weight:600;

}

.nc-status-success{

    background:#EAFBF3;

    color:#00A86B;

}

.nc-status-warning{

    background:#FFF8E7;

    color:#D18B00;

}

.nc-status-danger{

    background:#FCEBEC;

    color:#D72638;

}