body{
    margin:0;
    background:#09090B;
    color:#fff;
    font-family:Inter,sans-serif;
}

.sidebar{
    width:290px;
    height:100vh;
    position:fixed;
    left:0;
    top:0;
    background:#0E1015;
    border-right:1px solid #1b1d23;
    padding:25px;
    overflow:auto;
}

.logo{
    margin-bottom:35px;
}

.logo h2{
    margin:0;
    font-size:25px;
}

.logo small{
    color:#7d8491;
}

.menu-title{
    color:#626a78;
    font-size:12px;
    letter-spacing:2px;
    margin-bottom:12px;
    margin-top:20px;
}

.sidebar-link{
    display:flex;
    align-items:center;
    gap:15px;
    color:#b3bac8;
    text-decoration:none;
    padding:15px 18px;
    border-radius:14px;
    margin-bottom:8px;
    transition:.25s;
}

.sidebar-link i{
    width:22px;
    text-align:center;
}

.sidebar-link:hover{
    background:#16181d;
    color:#fff;
}

.sidebar-link.active{
    background:#2563EB;
    color:white;
    box-shadow:0 10px 25px rgba(37,99,235,.35);
}

.sidebar-footer{
    margin-top:45px;
}

.summary-card{
    background:#15181f;
    padding:18px;
    border-radius:15px;
}

.summary-card h6{
    margin-bottom:15px;
}

.main-content{
    margin-left:290px;
    min-height:100vh;
    padding:35px;
}

.topbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:25px;
}

.card{
    background:#111317;
    border:1px solid #1f2228;
    border-radius:18px;
    padding:25px;
}

.menu-btn{
    display:none;
}

@media(max-width:768px){

.sidebar{
    transform:translateX(-100%);
    transition:.3s;
    z-index:999;
}

.sidebar.show{
    transform:translateX(0);
}

.main-content{
    margin-left:0;
}

}

/* Toggle Badges (VJ & Genres) */
.toggle-badge {
    transition: all 0.2s ease;
    cursor: pointer;
    border-color: #1f2228;
    color: #b3bac8;
    background: transparent;
}
.toggle-badge.active {
    background-color: #2563EB;
    color: #fff;
    border-color: #2563EB;
}
.toggle-badge:hover:not(.active) {
    background: #1f2228;
    color: #fff;
}

/* Servers badge on movie/series cards */
.servs-badge {
    background: rgba(0,0,0,0.7);
    backdrop-filter: blur(4px);
    color: #94a3b8;
    border: 1px solid #334155;
}