.hqsh-main{
    flex:1;
    padding:30px;
    background:#f5f6fa;
}
.hqsh-dashboard-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:35px;
}
/* Dashboard Layout */

.hqsh-dashboard-wrapper{
    display:flex;
    align-items:flex-start;
    min-height:100vh;
    width:100%;
}

.hqsh-sidebar{
    width:260px;
    min-width:260px;
    background:#222;
    color:#fff;
    padding:25px;
}
.hqsh-logo h2{
    margin:0;
    color:#fff;
}

.hqsh-logo span{
    color:#ddd;
}

.hqsh-menu{
    display:flex;
    flex-direction:column;
    margin-top:30px;
}

.hqsh-menu a{
    color:#fff;
    text-decoration:none;
    padding:12px 15px;
    margin-bottom:8px;
    border-radius:8px;
}

.hqsh-menu a:hover,
.hqsh-menu a.active{
    background:#7c1d5f;
}

.hqsh-main{
    flex:1;
    padding:30px;
    background:#f5f6fa;
}

.hqsh-dashboard-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:30px;
}


/* Dashboard Cards */
.hqsh-dashboard-cards{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:20px;
    margin:30px 0;
}

.hqsh-card{
    border-radius:15px;
    padding:25px;
    color:#fff;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
    transition:.3s;
}

.hqsh-card:hover{
    transform:translateY(-5px);
}

.hqsh-card span{
    font-size:32px;
    display:block;
    margin-bottom:10px;
}

.hqsh-card h2{
    margin:0;
    font-size:34px;
    font-weight:700;
}

.hqsh-card p{
    margin-top:10px;
    font-size:15px;
    opacity:.9;
}

.hqsh-card.blue{
    background:#2563eb;
}

.hqsh-card.green{
    background:#16a34a;
}

.hqsh-card.orange{
    background:#ea580c;
}

.hqsh-card.purple{
    background:#7c3aed;
}

.hqsh-dashboard-wrapper{
    display:flex;
    min-height:100vh;
}

.hqsh-sidebar{
    width:260px;
    background:#222;
    color:#fff;
    padding:25px;
    flex-shrink:0;
}

.hqsh-main{
    flex:1;
    padding:30px;
    background:#f5f6fa;
}

.hqsh-dashboard-cards{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-top:30px;
}

.hqsh-card{
    padding:25px;
    border-radius:15px;
    color:#fff;
}

.blue{background:#1976d2;}
.green{background:#2e7d32;}
.orange{background:#ef6c00;}
.purple{background:#6a1b9a;}