body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Arial, sans-serif; }
.sidebar-link { transition: all 0.15s ease; }
.sidebar-link:hover { background: rgba(255, 255, 255, 0.05); }
.sidebar-link.active { background: rgba(0, 102, 204, 0.15); border-left: 3px solid #0066CC; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #1a1d24; }
::-webkit-scrollbar-thumb { background: #3f4451; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #4f5563; }

.glow-card {
    position: relative;
    background: var(--color-dark-card);
    border-radius: 0.75rem;
    transition: all 0.35s ease;
    overflow: hidden;
}

.glow-card::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 0.75rem;
    padding: 1px;
    background: linear-gradient(135deg, #a855f7 0%, #6366f1 50%, #3b82f6 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

.glow-card::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 0.75rem;
    background: radial-gradient(ellipse at 50% 100%, rgba(139, 92, 246, 0.12) 0%, rgba(99, 102, 241, 0.06) 35%, transparent 65%);
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

.glow-card:hover::before {
    opacity: 1;
}

.glow-card:hover::after {
    opacity: 1;
}

.glow-card:hover {
    box-shadow: 0 4px 20px rgba(139, 92, 246, 0.12), 0 0 40px rgba(99, 102, 241, 0.08);
    transform: translateY(-2px);
}

.glow-card > * {
    position: relative;
    z-index: 1;
}

.glow-list-item {
    position: relative;
    transition: all 0.25s ease;
}

.glow-list-item::before {
    content: '';
    position: absolute;
    inset: 2px;
    border-radius: 0.5rem;
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.08) 0%, rgba(99, 102, 241, 0.04) 50%, transparent 100%);
    opacity: 0;
    transition: opacity 0.25s ease;
    pointer-events: none;
}

.glow-list-item:hover {
    background: transparent !important;
}

.glow-list-item:hover::before {
    opacity: 1;
}

.glow-list-item > a,
.glow-list-item > div {
    position: relative;
    z-index: 1;
}