
<style>
.sidebar-menu {
    width: 220px;
    min-height: 100vh;
    background: linear-gradient(180deg, #111827 0%, #1f2937 100%);
    padding: 18px;
    box-shadow: 2px 0 12px rgba(0,0,0,.35);
}
.sidebar-menu a {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    margin: 6px 0;
    border-radius: 10px;
    color: #e5e7eb;
    text-decoration: none;
    font-weight: 600;
    transition: all .25s ease;
}
.sidebar-menu a:hover {
    background: rgba(255, 255, 255, 0.10);
    color: #ffffff;
    transform: translateX(2px);
}
.sidebar-menu a.active {
    background: rgba(79, 70, 229, 0.38);
    color: #ffffff;
    box-shadow: inset 0 0 0 2px rgba(79, 70, 229, 0.5);
}
.sidebar-title {
    margin: 0 0 14px;
    color: #f8fafc;
    font-size: 1.12rem;
    font-weight: 700;
    letter-spacing: .02em;
    border-bottom: 1px solid rgba(148, 163, 184, .3);
    padding-bottom: 8px;
}
</style>
<div class="col-2 sidebar-menu">
<h4 class="sidebar-title">Menu principal</h4>
<a class="" href="dashboard.php">Tableau de bord</a>
<a class="" href="adherent.php">Adhérents</a>
<a class="" href="coach.php">Coachs</a>
<a class="" href="activite.php">Activités</a>
<a class="" href="type_abonnement.php">Types Abonnement</a>
<a class="" href="abonnements.php">Abonnements</a>
<a class="" href="seance.php">Séances</a>
<a class="" href="reservation.php">Réservations</a>
<a class="" href="planning.php">Planning</a>
<a class="" href="auth/logout.php">Déconnexion</a>
</div>
<div class="col p-4">
