.dhs-wrapper {
    display: grid;
    grid-template-columns: 250px 1fr;
    min-height: 600px;
}

/* SIDEBAR */
.dhs-sidebar {
    background: #1e293b;
    color: #fff;
    padding: 20px;
}

.dhs-sidebar ul {
    list-style: none;
    padding: 0;
}

.dhs-sidebar li {
    padding: 12px;
    cursor: pointer;
    border-radius: 6px;
}

.dhs-sidebar li.active,
.dhs-sidebar li:hover {
    background: #334155;
}

/* CONTENT */
.dhs-content {
    padding: 30px;
    background: #f8fafc;
}

/* TABS */
.dhs-tab {
    display: none;
}

.dhs-tab.active {
    display: block;
}