.dashboard-tabs {
display: flex;
gap: 12px;
overflow-x: auto;
padding-bottom: 8px;
margin-bottom: 40px;

}

.dashboard-tabs::-webkit-scrollbar {
display: none;
}

.dashboard-tab {
border: 0;
background: #dadde4c2;
color: #475467;
border-radius: 999px;
padding: 11px 18px;
font-size: 13px;
font-weight: 600;
cursor: pointer;
transition: .18s ease;
white-space: nowrap;

}

.dashboard-tab:hover {
background: #c3d0de;
color: #5b5f65;
}

.dashboard-tab.is-active {
/*background: var(--color-primary-g);*/
background: linear-gradient(25deg, var(--color-primary-gg) 75%,  var(--color-primary-g) 100%);
/*background: #113e9d;*/
color: #fff;

}

.dashboard-panel {
display: none;
}

.dashboard-panel.is-active {
display: block;
}

.dashboard-card {
cursor: pointer;

}

.dashboard-card:hover {
transform: translateY(-2px);
border-color: #d0d5dd;
box-shadow: 0 12px 32px rgba(16,24,40,.06);
}