#side {
    position: fixed !important;
    top: 0;
    left: 0;
    height: 100vh !important;
    width: 260px;
    background: rgba(10, 12, 16, 0.98) !important;
    backdrop-filter: blur(20px);
    z-index: 2000 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
}
#side::-webkit-scrollbar {
    display: none; /* Chrome/Safari/Brave */
}
#main {
    transition: margin-left 0.3s ease;
}
@media (max-width: 900px) {
    #side { left: -300px; width: 280px !important; }
    #main { margin-left: 0 !important; }
}
@keyframes glow {
    from { text-shadow: 0 0 10px rgba(0, 240, 255, 0.3); transform: scale(1); }
    to { text-shadow: 0 0 20px rgba(0, 240, 255, 0.8); transform: scale(1.05); }
}