1.sidebar {
 2  width: 240px;
 3  background: #111827;
 4  border-right: 3px solid #4f46e5;
 5  padding: 24px 16px;
 6  display: flex;
 7  flex-direction: column;
 8  gap: 32px;
 9}
10
11.logo {
12  font-size: 20px;
13  font-weight: 700;
14  color: #fff;
15  padding: 0 8px;
16}
17
18.nav {
19  display: flex;
20  flex-direction: column;
21  gap: 4px;
22}
23
24.navItem {
25  display: flex;
26  align-items: center;
27  gap: 12px;
28  padding: 10px 12px;
29  border-radius: 8px;
30  color: #9ca3af;
31  font-size: 14px;
32  transition: background 0.2s ease;
33}
34
35.navItem:hover {
36  background: rgba(255, 255, 255, 0.05);
37  color: #fff;
38}