.sidebar {
    width: 210px;
    background-color: #1e1e2e;
    border-right: 1px solid #313244;
    padding: 20px 0;
}

.sidebar-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 20px;
    color: #f9e2af;
    text-decoration: none;
    border: 1px solid #313244;
    margin: 5px 10px;
    border-radius: 6px;
    transition: background-color 0.2s;
    position: relative;
}

.sidebar-emoji {
    font-size: 18px;
    flex-shrink: 0;
}

.sidebar-text {
    font-size: 14px;
}

.sidebar-item:hover {
    background-color: #313244;
}

.sidebar-item.active {
    background-color: #313244;
    border-color: #f9e2af;
}

.sidebar-item-events {
    position: relative;
    border: 2px solid #f38ba8;
    animation: rainbow-border 3s linear infinite;
}

@keyframes rainbow-border {
    0% { border-color: #f38ba8; }
    12.5% { border-color: #fab387; }
    25% { border-color: #f9e2af; }
    37.5% { border-color: #a6e3a1; }
    50% { border-color: #94e2d5; }
    62.5% { border-color: #89b4fa; }
    75% { border-color: #cba6f7; }
    87.5% { border-color: #f5c2e7; }
    100% { border-color: #f38ba8; }
}