.nav-item { display: flex; align-items: center; gap: 10px; padding: 8px 12px; padding-left: 16px; border-radius: var(--radius-sm); cursor: pointer; color: rgba(255,255,255,0.45); font-size: var(--text-sm); font-weight: 500; transition: all .15s ease; position: relative; margin-left: 4px; }
.nav-item:hover { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.85); }
.nav-item.active { background: rgba(99,102,241,0.15); color: #a5b4fc; }
.nav-item.active::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 18px; border-radius: 0 2px 2px 0; background: var(--accent); box-shadow: 0 0 12px rgba(99,102,241,0.5); }
.nav-section { font-size: 10px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 16px 12px 6px; margin-left: 4px; }
.nav-badge { margin-left: auto; padding: 1px 7px; border-radius: 10px; font-size: 10px; font-weight: 700; background: rgba(239,68,68,0.2); color: #fca5a5; min-width: 20px; text-align: center; }
.nav-badge-amber { background: rgba(245,158,11,0.2); color: #fcd34d; }